fix(studio-ui-codegen-react): include babel parser for prettier (#83)

aws-amplify · Sep 16, 2021 · e28551c · e28551c
1 parent f4f1b72
commit e28551c
Show file tree

Hide file tree

Showing 4 changed files with 85 additions and 17,179 deletions.
diff --git a/packages/studio-ui-codegen-react/lib/react-studio-template-renderer.ts b/packages/studio-ui-codegen-react/lib/react-studio-template-renderer.ts
@@ -30,6 +30,7 @@ import ts, {
   ObjectLiteralExpression,
 } from 'typescript';
 import prettier from 'prettier';
+import parserBabel from 'prettier/parser-babel';
 import { ImportCollection } from './import-collection';
 import { ReactOutputManager } from './react-output-manager';
 import {
@@ -182,10 +183,10 @@ export abstract class ReactStudioTemplateRenderer extends StudioTemplateRenderer
         },
       }).outputText;
 
-      return prettier.format(transpiledCode, { parser: 'babel' });
+      return prettier.format(transpiledCode, { parser: 'babel', plugins: [parserBabel] });
     }
 
-    return prettier.format(code, { parser: 'babel' });
+    return prettier.format(code, { parser: 'babel', plugins: [parserBabel] });
   }
 
   private createPrinter() {

diff --git a/packages/studio-ui-codegen-react/package-lock.json b/packages/studio-ui-codegen-react/package-lock.json
diff --git a/packages/studio-ui-codegen-react/package.json b/packages/studio-ui-codegen-react/package.json
@@ -24,6 +24,7 @@
     "@amzn/amplify-ui-codegen-schema": "^0.0.1",
     "@amzn/amplify-ui-react-types": "^0.0.1",
     "@amzn/studio-ui-codegen": "^0.0.1",
+    "@babel/parser": "^7.15.6",
     "framer-motion": "^4",
     "prettier": "2.3.2",
     "typescript": "^4.2.4"