@aws-amplify/amplify-util-uibuilder 1.6.8-beta.1 → 1.6.8-beta.2

package/src/__tests__/shouldRenderComponents.test.ts

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-extraneous-dependencies
-import {$TSContext} from 'amplify-cli-core';
+import { $TSContext } from 'amplify-cli-core';
 import aws from 'aws-sdk'; // eslint-disable-line import/no-extraneous-dependencies
 import { shouldRenderComponents } from '../commands/utils/shouldRenderComponents';
 
@@ -14,14 +14,14 @@ jest.mock('amplify-cli-core', () => ({
       javascript: {
         framework: 'react',
       },
-    })
+    }),
   },
 }));
 
 jest.mock('../clients', () => ({
   AmplifyStudioClient: {
-    isAmplifyApp: jest.fn().mockReturnValue(true)
-  }
+    isAmplifyApp: jest.fn().mockReturnValue(true),
+  },
 }));
 
 describe('should render components', () => {
@@ -70,8 +70,8 @@ describe('should render components', () => {
           javascript: {
             framework: 'react',
           },
-        })
-      }
+        }),
+      },
     }));
     const shouldIt = await shouldRenderComponents(context);
     expect(shouldIt).toBe(false);
@@ -83,7 +83,7 @@ describe('should render components', () => {
         getProjectConfig: jest.fn().mockReturnValue({
           providers: [],
           frontend: 'ios',
-        })
+        }),
       },
     }));
     const shouldIt = await shouldRenderComponents(context);
@@ -99,7 +99,7 @@ describe('should render components', () => {
           javascript: {
             framework: 'vue',
           },
-        })
+        }),
       },
     }));
     const shouldIt = await shouldRenderComponents(context);

package/src/__tests__/syncAmplifyUiComponents.test.ts

@@ -90,44 +90,48 @@ describe('should sync amplify ui builder components', () => {
       })),
       exportForms: jest.fn(() => ({
         promise: jest.fn(() => ({
-          entities: [{
-            name: 'BasicFormCreate',
-            formActionType: 'create',
-            dataType: {
-              dataSourceType: 'Custom',
-              dataTypeName: 'Post',
-            },
-            fields: {
-              name: {
-                inputType: {
-                  required: true,
-                  type: 'TextField',
-                  name: 'name',
-                  defaultValue: 'John Doe',
+          entities: [
+            {
+              name: 'BasicFormCreate',
+              formActionType: 'create',
+              dataType: {
+                dataSourceType: 'Custom',
+                dataTypeName: 'Post',
+              },
+              fields: {
+                name: {
+                  inputType: {
+                    required: true,
+                    type: 'TextField',
+                    name: 'name',
+                    defaultValue: 'John Doe',
+                  },
+                  label: 'name',
                 },
-                label: 'name',
               },
+              sectionalElements: {},
+              style: {},
             },
-            sectionalElements: {},
-            style: {},
-          }],
+          ],
         })),
       })),
       exportViews: jest.fn(() => ({
         promise: jest.fn(() => ({
-          entities: [{
-            appId: '23342',
-            dataSource: { type: 'Custom' },
-            environmentName: 'staging',
-            id: 'id',
-            name: 'ProductTable',
-            // TODO: replace with export when Codegen updated
-            schemaVersion: '1.0',
-            style: {},
-            viewConfiguration: {
-              type: 'Table',
+          entities: [
+            {
+              appId: '23342',
+              dataSource: { type: 'Custom' },
+              environmentName: 'staging',
+              id: 'id',
+              name: 'ProductTable',
+              // TODO: replace with export when Codegen updated
+              schemaVersion: '1.0',
+              style: {},
+              viewConfiguration: {
+                type: 'Table',
+              },
             },
-          }],
+          ],
         })),
       })),
       getMetadata: jest.fn(() => ({
@@ -168,18 +172,15 @@ describe('should sync amplify ui builder components', () => {
     process.env.UI_BUILDER_ENDPOINT = 'https://mock-endpoint.com';
     process.env.UI_BUILDER_REGION = 'mock-region';
     const client = await AmplifyStudioClient.setClientInfo(context);
-    expect(Object.keys(client)).toEqual(expect.arrayContaining([
-      'listComponents',
-      'listThemes',
-      'listForms',
-      'getModels',
-      'loadMetadata',
-      'createComponent',
-    ]));
-    expect(client.metadata).toEqual(expect.objectContaining({
-      autoGenerateForms: true,
-      autoGenerateViews: true,
-    }));
+    expect(Object.keys(client)).toEqual(
+      expect.arrayContaining(['listComponents', 'listThemes', 'listForms', 'getModels', 'loadMetadata', 'createComponent']),
+    );
+    expect(client.metadata).toEqual(
+      expect.objectContaining({
+        autoGenerateForms: true,
+        autoGenerateViews: true,
+      }),
+    );
   });
   it('can list components', async () => {
     const client = await AmplifyStudioClient.setClientInfo(context);
@@ -217,55 +218,55 @@ describe('should sync amplify ui builder components', () => {
   it('can generate ui builder components', async () => {
     createUiBuilderComponentDependencyMock.createUiBuilderComponent = jest.fn().mockImplementation(() => ({}));
     const components = generateUiBuilderComponents(context, [{}, {}]);
-    expect(components.every(component => component.resultType === 'SUCCESS')).toBeTruthy();
+    expect(components.every((component) => component.resultType === 'SUCCESS')).toBeTruthy();
   });
   it('can handle failed generation generate ui builder components', async () => {
     createUiBuilderComponentDependencyMock.createUiBuilderComponent = jest.fn().mockImplementation(() => {
       throw new Error('ahh!');
     });
     const components = generateUiBuilderComponents(context, [{}, {}]);
-    expect(components.every(component => component.resultType === 'FAILURE')).toBeTruthy();
+    expect(components.every((component) => component.resultType === 'FAILURE')).toBeTruthy();
   });
   it('can generate ui builder themes', async () => {
     createUiBuilderComponentDependencyMock.createUiBuilderTheme = jest.fn().mockImplementation(() => ({}));
     const themes = generateUiBuilderThemes(context, [{}, {}]);
-    expect(themes.every(theme => theme.resultType === 'SUCCESS')).toBeTruthy();
+    expect(themes.every((theme) => theme.resultType === 'SUCCESS')).toBeTruthy();
   });
   it('can handle failed generation generate ui builder themes', async () => {
     createUiBuilderComponentDependencyMock.createUiBuilderTheme = jest.fn().mockImplementation(() => {
       throw new Error('ahh!');
     });
     const themes = generateUiBuilderThemes(context, [{}, {}]);
-    expect(themes.every(theme => theme.resultType === 'FAILURE')).toBeTruthy();
+    expect(themes.every((theme) => theme.resultType === 'FAILURE')).toBeTruthy();
   });
   it('can generate ui builder default theme when no themes are passed', async () => {
     createUiBuilderComponentDependencyMock.createUiBuilderTheme = jest.fn().mockImplementation(() => ({}));
     const themes = generateUiBuilderThemes(context, []);
-    expect(themes.every(theme => theme.resultType === 'SUCCESS')).toBeTruthy();
+    expect(themes.every((theme) => theme.resultType === 'SUCCESS')).toBeTruthy();
   });
   it('can handle failed generation generate ui builder default theme when no themes are passed', async () => {
     createUiBuilderComponentDependencyMock.createUiBuilderTheme = jest.fn().mockImplementation(() => {
       throw new Error('ahh!');
     });
     const themes = generateUiBuilderThemes(context, []);
-    expect(themes.every(theme => theme.resultType === 'FAILURE')).toBeTruthy();
+    expect(themes.every((theme) => theme.resultType === 'FAILURE')).toBeTruthy();
   });
   it('can generate ui builder forms', async () => {
     createUiBuilderComponentDependencyMock.createUiBuilderForm = jest.fn().mockImplementation(() => ({}));
     const forms = generateUiBuilderForms(context, [{}, {}]);
-    expect(forms.every(form => form.resultType === 'SUCCESS')).toBeTruthy();
+    expect(forms.every((form) => form.resultType === 'SUCCESS')).toBeTruthy();
   });
   it('can handle failed generation generate ui builder forms', async () => {
     createUiBuilderComponentDependencyMock.createUiBuilderForm = jest.fn().mockImplementation(() => {
       throw new Error('ahh!');
     });
     const forms = generateUiBuilderForms(context, [{}, {}]);
-    expect(forms.every(form => form.resultType === 'FAILURE')).toBeTruthy();
+    expect(forms.every((form) => form.resultType === 'FAILURE')).toBeTruthy();
   });
   it('can generate uibuilder forms from data schema if autogenerate true', async () => {
     createUiBuilderComponentDependencyMock.createUiBuilderForm = jest.fn().mockImplementation(() => ({}));
     const forms = generateUiBuilderForms(context, [], exampleSchema, true);
-    expect(forms.every(form => form.resultType === 'SUCCESS')).toBeTruthy();
+    expect(forms.every((form) => form.resultType === 'SUCCESS')).toBeTruthy();
     // create & update form for author model
     expect(forms.length).toEqual(2);
   });
@@ -277,9 +278,9 @@ describe('should sync amplify ui builder components', () => {
       (_ctx, schema, _dataSchema) => ({ name: schema.dataType.dataTypeName }),
     );
     const forms = generateUiBuilderForms(context, [], exampleSchema, true);
-    expect(forms.every(form => form.resultType === 'SUCCESS')).toBeTruthy();
+    expect(forms.every((form) => form.resultType === 'SUCCESS')).toBeTruthy();
     // only create & update form for author model
-    expect(forms.map(f => (f.schema as any).name)).toStrictEqual(['Author', 'Author']);
+    expect(forms.map((f) => (f.schema as any).name)).toStrictEqual(['Author', 'Author']);
   });
 
   it('does not generate uibuilder forms from data schema if autogenerate false', async () => {

package/src/__tests__/utils.ts

@@ -60,12 +60,11 @@ export const exampleSchema: GenericDataSchema = {
           isArray: false,
         },
       },
-      isJoinTable: true
+      isJoinTable: true,
     },
     EmptyModel: {
       primaryKeys: ['id'],
-      fields: {
-      },
+      fields: {},
     },
   },
   enums: {}, // eslint-disable-line spellcheck/spell-checker

package/src/clients/amplify-studio-client.ts

@@ -1,8 +1,6 @@
 import { $TSContext, CloudformationProviderFacade } from 'amplify-cli-core';
 import type { ServiceConfigurationOptions } from 'aws-sdk/lib/service';
-import type {
-  CreateComponentData, Component, Theme, Form,
-} from 'aws-sdk/clients/amplifyuibuilder';
+import type { CreateComponentData, Component, Theme, Form } from 'aws-sdk/clients/amplifyuibuilder';
 import { AmplifyUIBuilder, AmplifyBackend } from 'aws-sdk';
 import { printer } from 'amplify-prompts';
 import { getAppId, getEnvName } from '../commands/utils/environmentHelpers';
@@ -72,7 +70,7 @@ export default class AmplifyStudioClient {
       printer.debug(`Failed admin app check: ${err.message}`);
       return false;
     }
-  }
+  };
 
   /**
    * Used to configure the AWS Amplify clients.
@@ -234,14 +232,12 @@ export default class AmplifyStudioClient {
     const environmentName = envName || this.#envName;
     const resolvedAppId = appId || this.#appId;
     try {
-      await this.#amplifyUiBuilder
-        .deleteForm({ id: formId, environmentName, appId: resolvedAppId })
-        .promise();
+      await this.#amplifyUiBuilder.deleteForm({ id: formId, environmentName, appId: resolvedAppId }).promise();
     } catch (err) {
       printer.debug(err.toString());
       throw err;
     }
-  }
+  };
 
   getModels = async (resourceName: string, envName?: string, appId?: string): Promise<string | undefined> => {
     try {

package/src/commands/cloneComponentsFromEnv.ts

@@ -15,7 +15,9 @@ export const run = async (context: $TSContext): Promise<void> => {
   const studioClient = await AmplifyStudioClient.setClientInfo(context, sourceEnvName, appId);
 
   const [existingComponents, existingComponentsNewEnv] = await Promise.all([
-    studioClient.listComponents(sourceEnvName), studioClient.listComponents(newEnvName)]);
+    studioClient.listComponents(sourceEnvName),
+    studioClient.listComponents(newEnvName),
+  ]);
   if (existingComponents.entities.length === 0) {
     printer.debug(`${existingComponents.entities.length} components exist in source env. Skipping creation of local components.`);
     return;
@@ -42,11 +44,7 @@ export const run = async (context: $TSContext): Promise<void> => {
       modifiedAt, // eslint-disable-line @typescript-eslint/no-unused-vars
       ...componentCreateData
     } = components[i];
-    await studioClient.createComponent(
-      componentCreateData,
-      newEnvName,
-      appId,
-    );
+    await studioClient.createComponent(componentCreateData, newEnvName, appId);
   }
 
   printer.info(

package/src/commands/generateComponents.ts

@@ -37,7 +37,7 @@ export const run = async (context: $TSContext, eventType: 'PostPush' | 'PostPull
 
     const nothingWouldAutogenerate = !dataSchema || !studioClient.metadata.autoGenerateForms || !studioClient.isGraphQLSupported;
 
-    if (nothingWouldAutogenerate && [componentSchemas, themeSchemas, formSchemas].every(group => !group.entities.length)) {
+    if (nothingWouldAutogenerate && [componentSchemas, themeSchemas, formSchemas].every((group) => !group.entities.length)) {
       printer.debug('Skipping UI component generation since none are found.');
       return;
     }
@@ -55,13 +55,13 @@ export const run = async (context: $TSContext, eventType: 'PostPush' | 'PostPull
     };
 
     const successfulSchemas: StudioSchema[] = [];
-    const detachedForms: {id: string, name: string}[] = [];
+    const detachedForms: { id: string; name: string }[] = [];
     let hasSuccessfulForm = false;
     const failedResponseNames: string[] = [];
     const modelNames = dataSchema?.models ? new Set(Object.keys(dataSchema.models)) : new Set<string>();
 
     Object.entries(generatedResults).forEach(([key, results]) => {
-      results.forEach(result => {
+      results.forEach((result) => {
         if (result.resultType === 'SUCCESS') {
           successfulSchemas.push(result.schema);
           if (key === 'form') {
@@ -74,14 +74,14 @@ export const run = async (context: $TSContext, eventType: 'PostPush' | 'PostPull
            * no longer exists.
            */
           if (
-            isStudioForm(failedSchema)
-            && failedSchema.id
-            && dataSchema
-            && eventType === 'PostPush'
-            && isFormDetachedFromModel(failedSchema, modelNames)
+            isStudioForm(failedSchema) &&
+            failedSchema.id &&
+            dataSchema &&
+            eventType === 'PostPush' &&
+            isFormDetachedFromModel(failedSchema, modelNames)
           ) {
             // Don't need to add form to failedResponseNames if it is going to be deleted
-            detachedForms.push({id: failedSchema.id, name: failedSchema.name});
+            detachedForms.push({ id: failedSchema.id, name: failedSchema.name });
             return;
           }
           failedResponseNames.push(result.schemaName);
@@ -100,8 +100,8 @@ export const run = async (context: $TSContext, eventType: 'PostPush' | 'PostPull
     }
 
     const invalidComponentNames = [
-      ...componentSchemas.entities.filter(component => !component.schemaVersion).map(component => component.name),
-      ...formSchemas.entities.filter(form => !form.schemaVersion).map(form => form.name),
+      ...componentSchemas.entities.filter((component) => !component.schemaVersion).map((component) => component.name),
+      ...formSchemas.entities.filter((form) => !form.schemaVersion).map((form) => form.name),
     ];
     if (invalidComponentNames.length) {
       printer.warn(

package/src/commands/utils/codegenResources.ts

@@ -26,9 +26,7 @@ import {
   ReactThemeStudioTemplateRendererOptions,
 } from '@aws-amplify/codegen-ui-react';
 import { printer } from 'amplify-prompts';
-import {
-  $TSContext, AmplifyCategories, AmplifySupportedService, stateManager,
-} from 'amplify-cli-core';
+import { $TSContext, AmplifyCategories, AmplifySupportedService, stateManager } from 'amplify-cli-core';
 import { getUiBuilderComponentsPath } from './getUiBuilderComponentsPath';
 import { AmplifyStudioClient } from '../../clients';
 
@@ -68,7 +66,8 @@ export const createUiBuilderTheme = (
 ): StudioTheme => {
   const uiBuilderComponentsPath = getUiBuilderComponentsPath(context);
   const rendererFactory = new StudioTemplateRendererFactory(
-    (component: StudioTheme) => (new ReactThemeStudioTemplateRenderer(component, config, options) as unknown) as StudioTemplateRenderer<
+    (component: StudioTheme) =>
+      new ReactThemeStudioTemplateRenderer(component, config, options) as unknown as StudioTemplateRenderer<
         unknown,
         StudioTheme,
         FrameworkOutputManager<unknown>,
@@ -99,7 +98,8 @@ export const createUiBuilderTheme = (
 export const createUiBuilderForm = (context: $TSContext, schema: StudioForm, dataSchema?: GenericDataSchema): StudioForm => {
   const uiBuilderComponentsPath = getUiBuilderComponentsPath(context);
   const rendererFactory = new StudioTemplateRendererFactory(
-    (form: StudioForm) => (new AmplifyFormRenderer(form, dataSchema, config) as unknown) as StudioTemplateRenderer<
+    (form: StudioForm) =>
+      new AmplifyFormRenderer(form, dataSchema, config) as unknown as StudioTemplateRenderer<
         unknown,
         StudioForm,
         FrameworkOutputManager<unknown>,
@@ -130,7 +130,8 @@ export const createUiBuilderForm = (context: $TSContext, schema: StudioForm, dat
 export const generateAmplifyUiBuilderIndexFile = (context: $TSContext, schemas: StudioSchema[]): void => {
   const uiBuilderComponentsPath = getUiBuilderComponentsPath(context);
   const rendererFactory = new StudioTemplateRendererFactory(
-    (schema: StudioSchema[]) => (new ReactIndexStudioTemplateRenderer(schema, config) as unknown) as StudioTemplateRenderer<
+    (schema: StudioSchema[]) =>
+      new ReactIndexStudioTemplateRenderer(schema, config) as unknown as StudioTemplateRenderer<
         unknown,
         StudioSchema[],
         FrameworkOutputManager<unknown>,
@@ -145,7 +146,7 @@ export const generateAmplifyUiBuilderIndexFile = (context: $TSContext, schemas:
   });
 
   try {
-    if(schemas.length) {
+    if (schemas.length) {
       rendererManager.renderSchemaToTemplate(schemas);
     }
   } catch (e) {
@@ -166,7 +167,7 @@ type UtilFileChecks = {
 export const generateAmplifyUiBuilderUtilFile = (context: $TSContext, { hasForms, hasViews }: UtilFileChecks): void => {
   const uiBuilderComponentsPath = getUiBuilderComponentsPath(context);
   const rendererFactory = new StudioTemplateRendererFactory(
-    (utils: UtilTemplateType[]) => (new ReactUtilsStudioTemplateRenderer(utils, config)),
+    (utils: UtilTemplateType[]) => new ReactUtilsStudioTemplateRenderer(utils, config),
   );
 
   const outputPathDir = uiBuilderComponentsPath;
@@ -202,9 +203,7 @@ export const generateAmplifyUiBuilderUtilFile = (context: $TSContext, { hasForms
  * If models are available, they will be populated in the models field of the returned object.
  * If they're not available, it will return undefined
  */
-export const getAmplifyDataSchema = async (
-  studioClient: AmplifyStudioClient,
-): Promise<GenericDataSchema | undefined> => {
+export const getAmplifyDataSchema = async (studioClient: AmplifyStudioClient): Promise<GenericDataSchema | undefined> => {
   if (!studioClient.isGraphQLSupported) {
     return undefined;
   }
@@ -231,8 +230,8 @@ export const getAmplifyDataSchema = async (
 /**
  * generates base create/update froms from names
  */
-export const generateBaseForms = (modelMap: {[model: string]: Set<'create' | 'update'>}): StudioForm[] => {
-  const getSchema = (name: string, type: 'create' | 'update') : StudioForm => ({
+export const generateBaseForms = (modelMap: { [model: string]: Set<'create' | 'update'> }): StudioForm[] => {
+  const getSchema = (name: string, type: 'create' | 'update'): StudioForm => ({
     name: `${name}${type === 'create' ? 'CreateForm' : 'UpdateForm'}`,
     formActionType: type,
     dataType: { dataSourceType: 'DataStore', dataTypeName: name },
@@ -242,10 +241,10 @@ export const generateBaseForms = (modelMap: {[model: string]: Set<'create' | 'up
     cta: {},
   });
 
-  const schemas : StudioForm[] = [];
+  const schemas: StudioForm[] = [];
 
   Object.entries(modelMap).forEach(([name, set]) => {
-    set.forEach(type => schemas.push(getSchema(name, type)));
+    set.forEach((type) => schemas.push(getSchema(name, type)));
   });
   return schemas;
 };

package/src/commands/utils/detachedFormCleanup.ts

@@ -25,7 +25,7 @@ export const isFormSchemaCustomized = (formSchema: StudioForm | Form): boolean =
 
   // Check style
   // If not empty, at least one style must be defined
-  return Object.values(style).some(styleConfig => styleConfig !== undefined);
+  return Object.values(style).some((styleConfig) => styleConfig !== undefined);
 };
 
 /**
@@ -36,19 +36,19 @@ export const isStudioForm = (schema: StudioSchema | undefined): schema is Studio
   return 'formActionType' in schema;
 };
 
-export const deleteDetachedForms = async (detachedForms: {id: string, name: string}[], studioClient: AmplifyStudioClient) => {
-  const deleteForm = async ({id, name}: {id: string, name: string}) => {
+export const deleteDetachedForms = async (detachedForms: { id: string; name: string }[], studioClient: AmplifyStudioClient) => {
+  const deleteForm = async ({ id, name }: { id: string; name: string }) => {
     try {
       // Try to delete the form but don't stop any other operations if it fails
       await studioClient.deleteForm(id);
-      return {status: 'SUCCESS', message: `Deleted detached form ${name}`};
+      return { status: 'SUCCESS', message: `Deleted detached form ${name}` };
     } catch (error) {
-      return {status: 'FAIL', message: `Failed to delete detached form ${name}`}
+      return { status: 'FAIL', message: `Failed to delete detached form ${name}` };
     }
   };
   for await (const status of asyncPool(5, detachedForms, deleteForm)) {
     printer.debug(status.message);
-  };
+  }
 };
 
 // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/commands/utils/featureFlags.ts

@@ -1,7 +1,5 @@
 /* eslint-disable spellcheck/spell-checker */
-import {
-  FeatureFlags, pathManager, stateManager,
-} from 'amplify-cli-core';
+import { FeatureFlags, pathManager, stateManager } from 'amplify-cli-core';
 import { printer } from 'amplify-prompts';
 
 // This is copy-pasta from the category api until they can expose the method to plugins
@@ -9,7 +7,8 @@ import { printer } from 'amplify-prompts';
 /**
  * Shorthand for Feature flag retrieval.
  */
-const useExperimentalPipelinedTransformerFF = (): boolean => FeatureFlags.getBoolean('graphQLTransformer.useExperimentalPipelinedTransformer');
+const useExperimentalPipelinedTransformerFF = (): boolean =>
+  FeatureFlags.getBoolean('graphQLTransformer.useExperimentalPipelinedTransformer');
 const transformerVersionFF = (): number => FeatureFlags.getNumber('graphQLTransformer.transformerVersion');
 
 /**

package/src/commands/utils/notifyMissingPackages.ts

@@ -1,6 +1,4 @@
-import {
-  pathManager, JSONUtilities, $TSContext, $TSAny,
-} from 'amplify-cli-core';
+import { pathManager, JSONUtilities, $TSContext, $TSAny } from 'amplify-cli-core';
 import { printer } from 'amplify-prompts';
 import fs from 'fs-extra';
 import path from 'path';

package/src/commands/utils/syncAmplifyUiBuilderComponents.ts

@@ -1,14 +1,7 @@
 import { printer } from 'amplify-prompts';
 import { $TSContext } from 'amplify-cli-core';
-import {
-  StudioComponent, StudioTheme, GenericDataSchema, StudioForm, StudioSchema, checkIsSupportedAsForm,
-} from '@aws-amplify/codegen-ui';
-import {
-  createUiBuilderComponent,
-  createUiBuilderForm,
-  createUiBuilderTheme,
-  generateBaseForms,
-} from './codegenResources';
+import { StudioComponent, StudioTheme, GenericDataSchema, StudioForm, StudioSchema, checkIsSupportedAsForm } from '@aws-amplify/codegen-ui';
+import { createUiBuilderComponent, createUiBuilderForm, createUiBuilderTheme, generateBaseForms } from './codegenResources';
 import { getUiBuilderComponentsPath } from './getUiBuilderComponentsPath';
 
 type CodegenResponse<T extends StudioSchema> =
@@ -34,7 +27,7 @@ export const generateUiBuilderComponents = (
   componentSchemas: any[], // eslint-disable-line @typescript-eslint/no-explicit-any
   dataSchema?: GenericDataSchema,
 ): CodegenResponse<StudioComponent>[] => {
-  const componentResults = componentSchemas.map<CodegenResponse<StudioComponent>>(schema => {
+  const componentResults = componentSchemas.map<CodegenResponse<StudioComponent>>((schema) => {
     try {
       const component = createUiBuilderComponent(context, schema, dataSchema);
       return { resultType: 'SUCCESS', schema: component };
@@ -46,7 +39,7 @@ export const generateUiBuilderComponents = (
   });
 
   printer.debug(
-    `Generated ${componentResults.filter(result => result.resultType === 'SUCCESS').length} components in ${getUiBuilderComponentsPath(
+    `Generated ${componentResults.filter((result) => result.resultType === 'SUCCESS').length} components in ${getUiBuilderComponentsPath(
       context,
     )}`,
   );
@@ -61,7 +54,7 @@ export const generateUiBuilderThemes = (context: $TSContext, themeSchemas: any[]
   if (themeSchemas.length === 0) {
     return [generateDefaultTheme(context)];
   }
-  const themeResults = themeSchemas.map<CodegenResponse<StudioTheme>>(schema => {
+  const themeResults = themeSchemas.map<CodegenResponse<StudioTheme>>((schema) => {
     try {
       const theme = createUiBuilderTheme(context, schema);
       return { resultType: 'SUCCESS', schema: theme };
@@ -73,7 +66,7 @@ export const generateUiBuilderThemes = (context: $TSContext, themeSchemas: any[]
   });
 
   printer.debug(
-    `Generated ${themeResults.filter(result => result.resultType === 'SUCCESS').length} themes in ${getUiBuilderComponentsPath(context)}`,
+    `Generated ${themeResults.filter((result) => result.resultType === 'SUCCESS').length} themes in ${getUiBuilderComponentsPath(context)}`,
   );
   return themeResults;
 };
@@ -84,9 +77,7 @@ export const generateUiBuilderThemes = (context: $TSContext, themeSchemas: any[]
 const generateDefaultTheme = (context: $TSContext): CodegenResponse<StudioTheme> => {
   try {
     const theme = createUiBuilderTheme(context, { name: 'studioTheme', values: [] }, { renderDefaultTheme: true });
-    printer.debug(
-      `Generated default theme in ${getUiBuilderComponentsPath(context)}`,
-    );
+    printer.debug(`Generated default theme in ${getUiBuilderComponentsPath(context)}`);
     return { resultType: 'SUCCESS', schema: theme };
   } catch (e) {
     printer.debug(`Failure caught rendering default theme`);
@@ -121,7 +112,10 @@ export const generateUiBuilderForms = (
       printer.debug(`Failure caught processing ${schema.name}`);
       printer.debug(e);
       return {
-        resultType: 'FAILURE', schemaName: schema.name, schema, error: e,
+        resultType: 'FAILURE',
+        schemaName: schema.name,
+        schema,
+        error: e,
       };
     }
   };
@@ -136,7 +130,7 @@ export const generateUiBuilderForms = (
   formResults.push(...generateBaseForms(modelMap).map(codegenForm));
 
   printer.debug(
-    `Generated ${formResults.filter(result => result.resultType === 'SUCCESS').length} forms in ${getUiBuilderComponentsPath(context)}`,
+    `Generated ${formResults.filter((result) => result.resultType === 'SUCCESS').length} forms in ${getUiBuilderComponentsPath(context)}`,
   );
   return formResults;
 };