accented 0.0.0-20250124142030 → 0.0.0-20250223121749

package/dist/elements/accented-dialog.js

@@ -0,0 +1,361 @@
+import { effect } from '@preact/signals-core';
+import getElementHtml from '../utils/get-element-html.js';
+import { accentedUrl } from '../constants.js';
+import logAndRethrow from '../log-and-rethrow.js';
+// We want Accented to not throw an error in Node, and use static imports,
+// so we can't export `class extends HTMLElement` because HTMLElement is not available in Node.
+export default () => {
+    const dialogTemplate = document.createElement('template');
+    dialogTemplate.innerHTML = `
+    <dialog dir="ltr" lang="en" aria-labelledby="title">
+      <div id="button-container">
+        <button id="close" aria-label="Close">✕</button>
+      </div>
+      <h2 id="title">Accessibility issues</h2>
+      <section id="element-html-container" aria-label="Element">
+        <code id="element-html"></code>
+      </section>
+      <ul id="issues"></ul>
+      <section id="footer">
+        <p>
+          Powered by
+          <a href="${accentedUrl}" target="_blank" aria-description="Opens in new tab">Accented</a>
+          and
+          <a href="https://github.com/dequelabs/axe-core" target="_blank" aria-description="Opens in new tab">axe-core</a>.
+        </p>
+      </section>
+    </dialog>
+  `;
+    const issueTemplate = document.createElement('template');
+    issueTemplate.innerHTML = `
+    <li>
+      <a target="_blank" aria-description="Opens in new tab"></a>
+      <div class="impact"></div>
+      <div class="description"></div>
+    </li>
+  `;
+    const descriptionTemplate = document.createElement('template');
+    descriptionTemplate.innerHTML = `
+    <span></span>
+    <ul></ul>
+  `;
+    const stylesheet = new CSSStyleSheet();
+    stylesheet.replaceSync(`
+    :host {
+      all: initial !important;
+
+      --light-color: white;
+      --dark-color: black;
+      --focus-color: #0078d4; /* Contrasts with both white and black. */
+
+      --impact-minor-color: lightgray;
+      --impact-moderate-color: gold;
+      --impact-serious-color: #ff9e00;
+      --impact-critical-color: #f883ec;
+
+      /* Spacing and typography custom props, inspired by https://utopia.fyi (simplified). */
+
+      /* @link https://utopia.fyi/type/calculator?c=320,16,1.2,1240,16,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
+      --ratio: 1.2;
+      --step-0: 1rem;
+      --step-1: calc(var(--step-0) * var(--ratio));
+      --step-2: calc(var(--step-1) * var(--ratio));
+      --step-3: calc(var(--step-2) * var(--ratio));
+      --step-4: calc(var(--step-3) * var(--ratio));
+      --step--1: calc(var(--step-0) / var(--ratio));
+
+      /* @link https://utopia.fyi/space/calculator?c=320,16,1.2,1240,16,1.2,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */
+      --space-3xs: 0.25rem;
+      --space-2xs: 0.5rem;
+      --space-xs: 0.75rem;
+      --space-s: 1rem;
+      --space-m: 1.5rem;
+      --space-l: 2rem;
+      --space-xl: 3rem;
+      --space-2xl: 4rem;
+      --space-3xl: 6rem;
+    }
+
+    a[href], button {
+      outline-offset: 2px;
+      outline-color: var(--focus-color);
+      outline-width: 2px;
+      outline-style: none;
+
+      &:focus-visible {
+        outline-style: solid;
+      }
+
+      &:hover:not(:focus-visible) {
+        outline-style: dashed;
+      }
+    }
+
+    a[href] {
+      color: currentColor;
+    }
+
+    a[href][target="_blank"]::after {
+      content: " ↗";
+    }
+
+    dialog {
+      box-sizing: border-box;
+      overflow-wrap: break-word;
+      font-family: system-ui;
+      line-height: 1.5;
+      background-color: var(--light-color);
+      color: var(--dark-color);
+      border: 2px solid currentColor;
+      padding: var(--space-l);
+      inline-size: min(90ch, calc(100% - var(--space-s)* 2));
+      max-block-size: calc(100% - var(--space-s) * 2);
+    }
+
+    #button-container {
+      text-align: end;
+    }
+
+    #close {
+      background-color: var(--light-color);
+      color: var(--dark-color);
+      border: 2px solid currentColor;
+      padding-inline: var(--space-2xs);
+      aspect-ratio: 1 / 1;
+      font-size: var(--step-0);
+    }
+
+    h2 {
+      font-size: var(--step-4);
+      line-height: 1.2;
+      margin-block-start: var(--space-s);
+      margin-block-end: 0;
+    }
+
+    #element-html-container {
+      padding: var(--space-xs);
+      border: 2px solid currentColor;
+      margin-block-start: var(--space-l);
+    }
+
+    code {
+      /* https://systemfontstack.com/ */
+      font-family: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
+      font-size: var(--step--1);
+    }
+
+    #issues {
+      font-size: var(--step-1);
+      margin-block-start: var(--space-l);
+      padding-inline: 0;
+      list-style: none;
+
+      & > li:not(:first-child) {
+        margin-block-start: var(--space-m);
+      }
+
+      a {
+        font-weight: bold;
+      }
+    }
+
+    .impact {
+      margin-block-start: var(--space-2xs);
+      font-size: var(--step--1);
+
+      inline-size: fit-content;
+      padding-inline: var(--space-3xs);
+
+      &[data-impact="minor"] {
+        background-color: var(--impact-minor-color);
+      }
+      &[data-impact="moderate"] {
+        background-color: var(--impact-moderate-color);
+      }
+      &[data-impact="serious"] {
+        background-color: var(--impact-serious-color);
+      }
+      &[data-impact="critical"] {
+        background-color: var(--impact-critical-color);
+      }
+    }
+
+    .description {
+      margin-block-start: var(--space-2xs);
+      font-size: var(--step--1);
+
+      li {
+        list-style-type: disc;
+      }
+    }
+
+    #footer {
+      margin-block-start: var(--space-l);
+      font-size: var(--step--1);
+
+      p {
+        margin: 0;
+        text-align: end;
+      }
+    }
+  `);
+    return class extends HTMLElement {
+        #disposeOfEffect;
+        #abortController;
+        issues;
+        element;
+        #elementMutationObserver;
+        constructor() {
+            try {
+                super();
+                this.attachShadow({ mode: 'open' });
+                const content = dialogTemplate.content.cloneNode(true);
+                if (this.shadowRoot) {
+                    this.shadowRoot.adoptedStyleSheets.push(stylesheet);
+                    this.shadowRoot.append(content);
+                }
+            }
+            catch (error) {
+                logAndRethrow(error);
+            }
+        }
+        connectedCallback() {
+            try {
+                if (this.shadowRoot) {
+                    const { shadowRoot } = this;
+                    const dialog = shadowRoot.querySelector('dialog');
+                    const closeButton = shadowRoot.querySelector('#close');
+                    this.#abortController = new AbortController();
+                    closeButton?.addEventListener('click', () => {
+                        try {
+                            dialog?.close();
+                        }
+                        catch (error) {
+                            logAndRethrow(error);
+                        }
+                    }, { signal: this.#abortController.signal });
+                    dialog?.addEventListener('click', (event) => {
+                        try {
+                            this.#onDialogClick(event);
+                        }
+                        catch (error) {
+                            logAndRethrow(error);
+                        }
+                    }, { signal: this.#abortController.signal });
+                    this.#disposeOfEffect = effect(() => {
+                        if (this.issues) {
+                            const issues = this.issues.value;
+                            const issuesList = shadowRoot.getElementById('issues');
+                            if (issuesList) {
+                                issuesList.innerHTML = '';
+                                for (const issue of issues) {
+                                    const issueContent = issueTemplate.content.cloneNode(true);
+                                    const title = issueContent.querySelector('a');
+                                    const impact = issueContent.querySelector('.impact');
+                                    const description = issueContent.querySelector('.description');
+                                    if (title && impact && description) {
+                                        title.textContent = issue.title + ' (' + issue.id + ')';
+                                        title.href = issue.url;
+                                        impact.textContent = 'User impact: ' + issue.impact;
+                                        impact.setAttribute('data-impact', String(issue.impact));
+                                        const descriptionItems = issue.description.split(/\n\s*/);
+                                        const descriptionContent = descriptionTemplate.content.cloneNode(true);
+                                        const descriptionTitle = descriptionContent.querySelector('span');
+                                        const descriptionList = descriptionContent.querySelector('ul');
+                                        if (descriptionTitle && descriptionList && descriptionItems.length > 1) {
+                                            descriptionTitle.textContent = descriptionItems[0];
+                                            for (const descriptionItem of descriptionItems.slice(1)) {
+                                                const li = document.createElement('li');
+                                                li.textContent = descriptionItem;
+                                                descriptionList.appendChild(li);
+                                            }
+                                            description.appendChild(descriptionContent);
+                                        }
+                                    }
+                                    issuesList.appendChild(issueContent);
+                                }
+                            }
+                        }
+                    });
+                    const updateElementHtml = () => {
+                        if (this.element) {
+                            const elementHtmlContainer = shadowRoot.getElementById('element-html');
+                            if (elementHtmlContainer) {
+                                elementHtmlContainer.textContent = getElementHtml(this.element);
+                            }
+                        }
+                    };
+                    updateElementHtml();
+                    this.#elementMutationObserver = new MutationObserver(() => {
+                        try {
+                            updateElementHtml();
+                        }
+                        catch (error) {
+                            logAndRethrow(error);
+                        }
+                    });
+                    if (this.element) {
+                        // We're only outputting the element itself, not its subtree.
+                        // However, we're still listening for childList changes, because
+                        // we display an ellipsis if the element has innerHTML,
+                        // and we leave it empty if the element is empty.
+                        this.#elementMutationObserver.observe(this.element, {
+                            attributes: true,
+                            childList: true
+                        });
+                    }
+                    dialog?.addEventListener('close', () => {
+                        try {
+                            this.dispatchEvent(new Event('close'));
+                        }
+                        catch (error) {
+                            logAndRethrow(error);
+                        }
+                    }, { signal: this.#abortController.signal });
+                }
+            }
+            catch (error) {
+                logAndRethrow(error);
+            }
+        }
+        disconnectedCallback() {
+            try {
+                if (this.#disposeOfEffect) {
+                    this.#disposeOfEffect();
+                }
+                if (this.#abortController) {
+                    this.#abortController.abort();
+                }
+                if (this.#elementMutationObserver) {
+                    this.#elementMutationObserver.disconnect();
+                }
+            }
+            catch (error) {
+                logAndRethrow(error);
+            }
+        }
+        showModal() {
+            if (this.shadowRoot) {
+                const dialog = this.shadowRoot.querySelector('dialog');
+                if (dialog) {
+                    dialog.showModal();
+                }
+            }
+        }
+        #onDialogClick(event) {
+            const dialog = event.currentTarget;
+            if (!dialog || typeof dialog.getBoundingClientRect !== 'function' || typeof dialog.close !== 'function') {
+                return;
+            }
+            const rect = dialog.getBoundingClientRect();
+            const isInsideDialog = event.clientX >= rect.left &&
+                event.clientX <= rect.right &&
+                event.clientY >= rect.top &&
+                event.clientY <= rect.bottom;
+            if (!isInsideDialog) {
+                dialog.close();
+            }
+        }
+    };
+};
+//# sourceMappingURL=accented-dialog.js.map

package/dist/elements/accented-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accented-dialog.js","sourceRoot":"","sources":["../../src/elements/accented-dialog.ts"],"names":[],"mappings":"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"}