feat: add anchor attributes to payload in HandleLinkPressFeature

resolves #8

Author: jsamr

packages/webshell/src/features/HandleLinkPressFeature.ts

@@ -43,6 +43,42 @@ export interface LinkPressTarget {
    * The exact content of the `href` attribute.
    */
   hrefAttribute: string;
+  /**
+   * The `download` attribute, if present.
+   */
+  downloadAttribute: string | null;
+  /**
+   * The `target` attribute, if present.
+   */
+  targetAttribute: string | null;
+  /**
+   * The `hreflang` attribute, if present.
+   */
+  hreflangAttribute: string | null;
+  /**
+   * The `referrerpolicy` attribute, if present.
+   */
+  referrerpolicyAttribute: string | null;
+  /**
+   * The `rel` attribute, if present.
+   */
+  relAttribute: string | null;
+  /**
+   * The `type` attribute, if present.
+   */
+  typeAttribute: string | null;
+  /**
+   * The `id` attribute, if present.
+   */
+  idAttribute: string | null;
+  /**
+   * The `class` attribute, if present.
+   */
+  classAttribute: string | null;
+  /**
+   * The `name` attribute, if present.
+   */
+  nameAttribute: string | null;
   /**
    * The bounding rectangle of the anchor which has been clicked.
    * See {@link https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect | Element.getBoundingClientRect()}

packages/webshell/src/features/HandleLinkPressFeature.webjs

@@ -47,6 +47,15 @@ function HandleLinkPressFeature(context) {
         uri: href,
         scheme: extractScheme(href),
         hrefAttribute: anchor.getAttribute('href'),
+        downloadAttribute: anchor.getAttribute('download'),
+        targetAttribute: anchor.getAttribute('target'),
+        hreflangAttribute: anchor.getAttribute('hreflang'),
+        referrerpolicyAttribute: anchor.getAttribute('referrerpolicy'),
+        relAttribute: anchor.getAttribute('rel'),
+        typeAttribute: anchor.getAttribute('type'),
+        idAttribute: anchor.getAttribute('id'),
+        classAttribute: anchor.getAttribute('class'),
+        nameAttribute: anchor.getAttribute('name'),
         clickedAnchorBoundingRect: clickedAnchorBoundingRect,
         page: {
           href: window.location.href,

packages/webshell/src/features/__tests__/HandleLinkPressFeature.test.tsx

@@ -16,7 +16,10 @@ describe('Webshell with HandleLinkPressFeature', () => {
       render(
         <Webshell
           onDOMLinkPress={onDOMLinkPress}
-          source={{ html: '<a id="anchor0" href="https://foo.org">bar</a>' }}
+          source={{
+            html:
+              '<a id="anchor0" class="link" type="text/html" rel="alternate" download="" target="_blank" hreflang="en" referrerpolicy="no-referrer" href="https://foo.org">bar</a>'
+          }}
         />
       )
     );
@@ -25,6 +28,15 @@ describe('Webshell with HandleLinkPressFeature', () => {
       uri: 'https://foo.org/',
       scheme: expect.any(String),
       hrefAttribute: expect.any(String),
+      downloadAttribute: '',
+      targetAttribute: '_blank',
+      hreflangAttribute: 'en',
+      referrerpolicyAttribute: 'no-referrer',
+      relAttribute: 'alternate',
+      typeAttribute: 'text/html',
+      idAttribute: 'anchor0',
+      classAttribute: 'link',
+      nameAttribute: null,
       clickedAnchorBoundingRect: {
         top: expect.any(Number),
         left: expect.any(Number),