fix(mc-scripts): add babel plugin do-expressions to default vite conf…

…ig (#2903)

* fix(mc-scripts): add babel plugin do-expressions to default vite config

* fix: formatting

.changeset/smooth-terms-share.md

@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/mc-scripts': patch
+---
+
+Add `@babel/plugin-proposal-do-expressions` plugin to Vite config

.prettierrc

@@ -1,8 +1,14 @@
 {
   "trailingComma": "es5",
   "singleQuote": true,
-  "parser": "typescript",
+  "parser": "babel",
   "overrides": [
+    {
+      "files": ["*.ts", "*.tsx"],
+      "options": {
+        "parser": "typescript"
+      }
+    },
     {
       "files": "*.json",
       "options": {

packages/mc-scripts/src/commands/build-vite.ts

@@ -59,7 +59,10 @@ async function run() {
       pluginReact({
         jsxImportSource: '@emotion/react',
         babel: {
-          plugins: ['@emotion/babel-plugin'],
+          plugins: [
+            '@emotion/babel-plugin',
+            '@babel/plugin-proposal-do-expressions',
+          ],
         },
       }),
       pluginSvgr(),

packages/mc-scripts/src/commands/start-vite.ts

@@ -45,7 +45,10 @@ async function run() {
       pluginReact({
         jsxImportSource: '@emotion/react',
         babel: {
-          plugins: ['@emotion/babel-plugin'],
+          plugins: [
+            '@emotion/babel-plugin',
+            '@babel/plugin-proposal-do-expressions',
+          ],
         },
       }),
       pluginSvgr(),

playground/src/components/entry-point/entry-point.jsx

@@ -9,8 +9,8 @@ import configureApolloClient from '../../apollo-client';
 // Here we split up the main (app) bundle with the actual application business logic.
 // Splitting by route is usually recommended and you can potentially have a splitting
 // point for each route. More info at https://reactjs.org/docs/code-splitting.html
-const AsyncPlaygroundRoutes = lazy(
-  () => import('../../routes' /* webpackChunkName: "app-kit-playground" */)
+const AsyncPlaygroundRoutes = lazy(() =>
+  import('../../routes' /* webpackChunkName: "app-kit-playground" */)
 );
 
 // Ensure to setup the global error listener before any React component renders