@aws-amplify/amplify-util-uibuilder 1.5.0-studio-forms.0 → 1.6.0-beta.0

package/src/commands/utils/syncAmplifyUiBuilderComponents.ts

@@ -1,7 +1,7 @@
 import { printer } from 'amplify-prompts';
 import { $TSContext } from 'amplify-cli-core';
 import {
-  StudioComponent, StudioTheme, GenericDataSchema, StudioForm, StudioSchema,checkIsSupportedAsForm
+  StudioComponent, StudioTheme, GenericDataSchema, StudioForm, StudioSchema, checkIsSupportedAsForm,
 } from '@aws-amplify/codegen-ui';
 import {
   createUiBuilderComponent,
@@ -24,6 +24,8 @@ type CodegenResponse<T extends StudioSchema> =
       schema?: T;
     };
 
+// TODO: when types are updated in codegen-ui reference mappers here so the arguments accepted are not any
+
 /**
  * Returns instances of StudioComponent from the component schemas
  */
@@ -56,6 +58,9 @@ export const generateUiBuilderComponents = (
  */
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 export const generateUiBuilderThemes = (context: $TSContext, themeSchemas: any[]): CodegenResponse<StudioTheme>[] => {
+  if (themeSchemas.length === 0) {
+    return [generateDefaultTheme(context)];
+  }
   const themeResults = themeSchemas.map<CodegenResponse<StudioTheme>>(schema => {
     try {
       const theme = createUiBuilderTheme(context, schema);
@@ -73,12 +78,29 @@ export const generateUiBuilderThemes = (context: $TSContext, themeSchemas: any[]
   return themeResults;
 };
 
+/**
+ * Generates the defaultTheme in the user's project that's exported from @aws-amplify/codegen-ui-react
+ */
+const generateDefaultTheme = (context: $TSContext): CodegenResponse<StudioTheme> => {
+  try {
+    const theme = createUiBuilderTheme(context, { name: 'studioTheme', values: [] }, { renderDefaultTheme: true });
+    printer.debug(
+      `Generated default theme in ${getUiBuilderComponentsPath(context)}`,
+    );
+    return { resultType: 'SUCCESS', schema: theme };
+  } catch (e) {
+    printer.debug(`Failure caught rendering default theme`);
+    printer.debug(e);
+    return { resultType: 'FAILURE', schemaName: 'studioTheme', error: e };
+  }
+};
+
 /**
  * Returns instances of StudioForm from form schemas
  */
 export const generateUiBuilderForms = (
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   context: $TSContext,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   formSchemas: any[],
   dataSchema?: GenericDataSchema,
   autoGenerateForms?: boolean,
@@ -86,7 +108,7 @@ export const generateUiBuilderForms = (
   const modelMap: { [model: string]: Set<'create' | 'update'> } = {};
   if (dataSchema?.dataSourceType === 'DataStore' && autoGenerateForms) {
     Object.entries(dataSchema.models).forEach(([name, model]) => {
-      if(checkIsSupportedAsForm(model) && !model.isJoinTable) {
+      if (checkIsSupportedAsForm(model) && !model.isJoinTable) {
         modelMap[name] = new Set(['create', 'update']);
       }
     });