fix: use es2021 as a target for TypeScript (#900)

* fix: use es2021 as a target for TypeScript

* fix: get rid of es2022 code

* fix: restore error.cause

---------

Co-authored-by: Anton Platonov <platosha@gmail.com>

Author: Lodin

src/resolver/matchPath.ts

@@ -79,7 +79,7 @@ function matchPath(
     const key = regexp.keys[i - 1];
     const prop = key.name;
     const value = m[i];
-    if (value !== undefined || !Object.hasOwn(params, prop)) {
+    if (value !== undefined || !Object.prototype.hasOwnProperty.call(params, prop)) {
       if (key.modifier === '+' || key.modifier === '*') {
         // by default, as of path-to-regexp 6.0.0, the default delimiters
         // are `/`, `#` and `?`.

src/resolver/resolver.ts

@@ -37,14 +37,20 @@ function isRouteContext<T, R extends object, C extends object>(value: unknown):
   );
 }
 
-export interface ResolutionErrorOptions extends ErrorOptions {
+export interface ResolutionErrorOptions {
   code?: number;
+  cause?: unknown;
 }
 
 /**
  * An error that is thrown when a route resolution fails.
  */
 export class ResolutionError<T, R extends object = EmptyObject, C extends object = EmptyObject> extends Error {
+  /**
+   * The resolution error cause, possibly an error thrown from the action callback.
+   */
+  readonly cause?: unknown;
+
   /**
    * A HTTP status code associated with the error.
    */
@@ -61,7 +67,8 @@ export class ResolutionError<T, R extends object = EmptyObject, C extends object
     if (routePath) {
       errorMessage += ` Resolution had failed on route: '${routePath}'`;
     }
-    super(errorMessage, options);
+    super(errorMessage);
+    this.cause = options?.cause;
     this.code = options?.code;
     this.context = context;
   }

test/resolver/resolver.spec.ts

@@ -87,7 +87,7 @@ describe('Resolver', () => {
       expect(context).to.have.property('result').that.equals(errorResult);
       expect(errorHandler).to.be.calledOnce;
 
-      const error: ResolutionError<Error> = errorHandler.firstCall.firstArg;
+      const error: ResolutionError<HTMLElement> = errorHandler.firstCall.firstArg;
       expect(error).to.be.instanceof(ResolutionError);
       expect(error.cause).to.be.an('error');
       expect(error.cause).to.have.property('message').that.equals('custom');

test/router/lifecycle-events.spec.ts

@@ -2390,7 +2390,7 @@ describe('Vaadin Router lifecycle events', () => {
                   resolve();
                 })
                 .catch((e: unknown) => {
-                  reject(new Error('Error happened', { cause: e }));
+                  reject(e);
                 });
             }
           },

tsconfig.json

@@ -4,10 +4,10 @@
     "allowSyntheticDefaultImports": true,
     "declaration": true,
     "declarationMap": true,
-    "target": "es2022",
+    "target": "es2021",
     "module": "esnext",
     "moduleResolution": "bundler",
-    "lib": ["es2022", "dom", "DOM.Iterable"],
+    "lib": ["es2021", "dom", "DOM.Iterable"],
     "allowArbitraryExtensions": true,
     "skipLibCheck": true,
     "strict": true,