feat: allow conditional formatting of outputs

aws-amplify · Aug 15, 2022 · 16bba8c · 16bba8c
1 parent aafaccb
commit 16bba8c
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 4 deletions.
diff --git a/packages/codegen-ui-react/lib/react-studio-template-renderer-helper.ts b/packages/codegen-ui-react/lib/react-studio-template-renderer-helper.ts
@@ -64,6 +64,7 @@ const supportedTranspilationTargets = [
 export function transpile(
   code: string,
   renderConfig: ReactRenderConfig,
+  shouldFormatCode = true,
 ): { componentText: string; declaration?: string } {
   const { target, module, script, renderTypeDeclarations, inlineSourceMap } = renderConfig;
   if (script === ScriptKind.JS || script === ScriptKind.JSX) {
@@ -78,7 +79,7 @@ export function transpile(
       },
     }).outputText;
 
-    const componentText = formatCode(transpiledCode);
+    const componentText = shouldFormatCode ? formatCode(transpiledCode) : transpiledCode;
 
     /*
      * createProgram is less performant than traspileModule and should only be used when necessary.

diff --git a/packages/codegen-ui-react/lib/react-studio-template-renderer.ts b/packages/codegen-ui-react/lib/react-studio-template-renderer.ts
@@ -164,7 +164,12 @@ export abstract class ReactStudioTemplateRenderer extends StudioTemplateRenderer
     const result = printer.printNode(EmitHint.Unspecified, wrappedFunction, file);
 
     // do not produce declaration becuase it is not used
-    const { componentText: compText } = transpile(result, { ...this.renderConfig, renderTypeDeclarations: false });
+    // also do not format because we don't care what the component looks like in Studio UI
+    const { componentText: compText } = transpile(
+      result,
+      { ...this.renderConfig, renderTypeDeclarations: false },
+      false,
+    );
 
     return { compText, importsText, requiredDataModels: this.componentMetadata.requiredDataModels };
   }

diff --git a/packages/codegen-ui-react/package.json b/packages/codegen-ui-react/package.json
@@ -29,7 +29,7 @@
   "dependencies": {
     "@aws-amplify/codegen-ui": "2.3.2",
     "@typescript/vfs": "~1.3.5",
-    "typescript": "~4.4.4"
+    "typescript": "^4.4.4"
   },
   "peerDependencies": {
     "react": "^16.8 || ^17.0 || ^18.0",
@@ -72,4 +72,4 @@
     "hermes-engine": ">=0.10.0",
     "shell-quote": ">=1.7.3"
   }
-}
+}