fix(vite-plugin-angular): apply babel transformations for safari 15 s… (

#427)
analogjs · May 24, 2023 · 8ddb9ad · 8ddb9ad
1 parent 1aeaaed
commit 8ddb9ad
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/packages/vite-plugin-angular/src/lib/angular-build-optimizer-plugin.ts b/packages/vite-plugin-angular/src/lib/angular-build-optimizer-plugin.ts
@@ -4,7 +4,13 @@ import { loadEsmModule } from '@angular-devkit/build-angular/src/utils/load-esm'
 import { transformAsync } from '@babel/core';
 import angularApplicationPreset from '@angular-devkit/build-angular/src/babel/presets/application';
 
-export function buildOptimizerPlugin({ isProd }: { isProd: boolean }): Plugin {
+export function buildOptimizerPlugin({
+  isProd,
+  supportedBrowsers,
+}: {
+  isProd: boolean;
+  supportedBrowsers: string[];
+}): Plugin {
   return {
     name: '@analogjs/vite-plugin-angular-optimizer',
     apply: 'build',
@@ -31,6 +37,8 @@ export function buildOptimizerPlugin({ isProd }: { isProd: boolean }): Plugin {
             // NOTE: If esbuild adds support in the future, the babel support for these can be disabled.
             'async-generator': false,
             'for-await': false,
+            'class-field': false,
+            'class-static-field': false,
           },
         },
       };
@@ -78,6 +86,7 @@ export function buildOptimizerPlugin({ isProd }: { isProd: boolean }): Plugin {
                   linkerPluginCreator,
                 },
                 forceAsyncTransformation,
+                supportedBrowsers,
                 optimize: isProd && {
                   looseEnums: angularPackage,
                   pureTopLevel: angularPackage,

diff --git a/packages/vite-plugin-angular/src/lib/angular-vite-plugin.ts b/packages/vite-plugin-angular/src/lib/angular-vite-plugin.ts
@@ -68,7 +68,7 @@ export function angular(options?: PluginOptions): Plugin[] {
           options?.advanced?.tsTransformers?.afterDeclarations ?? [],
       },
     },
-    supportedBrowsers: options?.supportedBrowsers ?? ['iOS <=15'],
+    supportedBrowsers: options?.supportedBrowsers ?? ['safari 15'],
     jit: options?.jit,
   };
 
@@ -350,7 +350,10 @@ export function angular(options?: PluginOptions): Plugin[] {
       jitPlugin({
         inlineStylesExtension: pluginOptions.inlineStylesExtension,
       })) as Plugin,
-    buildOptimizerPlugin({ isProd }),
+    buildOptimizerPlugin({
+      isProd,
+      supportedBrowsers: pluginOptions.supportedBrowsers,
+    }),
   ].filter(Boolean) as Plugin[];
 
   function setupCompilation() {