fix: add @babel/plugin-transform-class-properties to workaround bug i…

…n Safari 15 (#91)

* fix: add @babel/plugin-proposal-class-properties to workaround bug in Safari 15

* fix: switch to plugin-transform-class-properties

* chore: add plugin to package.json

package.json

@@ -61,6 +61,7 @@
     "@babel/core": "^7.22.0",
     "@babel/helper-plugin-utils": "^7.22.5",
     "@babel/plugin-proposal-decorators": "^7.22.0",
+    "@babel/plugin-transform-class-properties": "^7.22.5",
     "@babel/plugin-transform-dynamic-import": "^7.22.0",
     "@babel/plugin-transform-modules-commonjs": "^7.22.0",
     "@babel/plugin-transform-runtime": "^7.22.0",

src/common/babel/ui-preset.ts

@@ -49,6 +49,13 @@ module.exports = function (_context: unknown, options: Record<string, any> = {})
     const plugins = [
         // Polyfills the runtime needed for async/await and generators
         [require.resolve('@babel/plugin-transform-runtime'), runtimeOptions],
+        /**
+         * Safari 15 has a buggy implementation of class properties,
+         * but @babel/compat-data marks it as stable.
+         * Can be removed once the issue is fixed and released.
+         * @see https://github.com/babel/babel/issues/14289
+         */
+        [require.resolve('@babel/plugin-transform-class-properties')],
         isEnvProduction && [
             require.resolve('babel-plugin-transform-react-remove-prop-types'),
             {