From 4aa6c71f6480d4a2ce90cdb05a07721445989f56 Mon Sep 17 00:00:00 2001
From: Michael Markl <marklmichael98@gmail.com>
Date: Wed, 27 Dec 2023 01:54:46 +0100
Subject: [PATCH] Use ES2020 for better compatibility

---
 README.md                    | 2 ++
 package.json                 | 2 +-
 tools/build.ts               | 4 ++--
 tools/demo.webpack.config.ts | 3 +--
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index ff03d48..312cd2c 100644
--- a/README.md
+++ b/README.md
@@ -54,6 +54,8 @@ The component generally supports:
 * Safari >= 6.2
 
 However, if you want to support non-modern browsers, you are responsible for transpiling the code for your preferred target.
+The distributed files on npm are transpiled for ES2020.
+
 
 For hiding and revealing the header, the browser needs to support the css-property `position: sticky`.
 You can read about the browser support for that on [caniuse.com](https://caniuse.com/#feat=css-sticky).
diff --git a/package.json b/package.json
index 0a5e655..2515060 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@integreat-app/react-sticky-headroom",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "engines": {
     "node": ">=18",
     "npm": ">=10"
diff --git a/tools/build.ts b/tools/build.ts
index 2b469c8..041bca2 100644
--- a/tools/build.ts
+++ b/tools/build.ts
@@ -62,7 +62,7 @@ function compile (fileNames: string[], options: CompilerOptions): Record<string,
       type: 'es6'
     },
     jsc: {
-      target: 'es2022',
+      target: 'es2020',
       experimental: {
         plugins: [
           [
@@ -102,7 +102,7 @@ function compile (fileNames: string[], options: CompilerOptions): Record<string,
       type: 'commonjs'
     },
     jsc: {
-      target: 'es2022',
+      target: 'es2020',
       experimental: {
         plugins: [
           [
diff --git a/tools/demo.webpack.config.ts b/tools/demo.webpack.config.ts
index d1665fc..a430131 100644
--- a/tools/demo.webpack.config.ts
+++ b/tools/demo.webpack.config.ts
@@ -23,8 +23,7 @@ const webpackConfig: webpack.Configuration = {
   module: {
     rules: [
       {
-        test: /\.tsx?$/,
-        exclude: /node_modules\/.*/,
+        test: /\.tsx?|\.js$/,
         loader: 'swc-loader',
         options: {
           jsc: {