deps(dev): bump aegir from 45.2.0 to 47.0.6 (#725)

* deps(dev): bump aegir from 45.2.0 to 47.0.6

Bumps [aegir](https://github.com/ipfs/aegir) from 45.2.0 to 47.0.6.
- [Release notes](https://github.com/ipfs/aegir/releases)
- [Changelog](https://github.com/ipfs/aegir/blob/main/CHANGELOG.md)
- [Commits](ipfs/aegir@v45.2.0...v47.0.6)

---
updated-dependencies:
- dependency-name: aegir
  dependency-version: 47.0.6
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <[email protected]>

* chore: lockfile

* deps: update aegir to the latest

* chore: eslint fixes

* chore: fix typescript errors

---------

Signed-off-by: dependabot[bot] <[email protected]>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: achingbrain <[email protected]>
Co-authored-by: Russell Dempsey <[email protected]>

Author: 3 people

package-lock.json

@@ -86,7 +86,7 @@
     "@babel/preset-typescript": "^7.26.0",
     "@playwright/test": "^1.48.2",
     "@types/react": "^19.0.1",
-    "aegir": "^45.1.3",
+    "aegir": "^47.0.11",
     "concurrently": "^9.1.2",
     "cross-env": "^7.0.3",
     "esbuild": "^0.25.2",

package.json

@@ -1,14 +1,15 @@
-import React, { type ReactElement } from 'react'
+import React from 'react'
+import type { ReactElement } from 'react'
 
 export default function About (): ReactElement {
   return (
-        <aside className='mw7 lb-snow center w-100 lh-copy pa2 e2e-section-about'>
-          <h1 className='pa0 f3 ma0 mb4 teal tc'>About the IPFS Gateway and Service Worker</h1>
-          <p>This page runs an IPFS gateway within a <a href="https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API" target="_blank">Service Worker</a>. It uses <a href="https://github.com/ipfs/helia" target="_blank">Helia</a> (IPFS implementation in JS) and the <a href="https://github.com/ipfs/helia-verified-fetch" target="_blank">@helia/verified-fetch</a> library (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API" target="_blank">Fetch API</a> for IPFS) to facilitate direct verified retrieval of <a href="https://docs.ipfs.tech/concepts/content-addressing/" target="_blank">content-addressed</a> data.</p>
-          <p><strong>Why?</strong> It improves decentralization, offers enhanced security (CID verification happens on end user's machine) and reliability (ability to do retrieval from multiple sources without reliance on a single HTTP server).</p>
-          <p><strong>How does it work?</strong> A Service Worker is registered on the initial page load, and then intercepts HTTP requests for content stored on <a href="https://docs.ipfs.tech/how-to/address-ipfs-on-web/" target="_blank">IPFS paths</a> such as <code>/ipfs/*</code> (immutable) and <code>/ipns/*</code> (mutable), takes care of IPFS retrieval, verification, UnixFS deserialization, and returns Response objects to the browser.</p>
-          <p><strong>Is this production ready?</strong> This project is under heavy development and is not yet fully compliant with <a href="https://specs.ipfs.tech/http-gateways/" target="_blank">IPFS Gateway Specfications</a>. Track our efforts  <a href="https://github.com/ipfs/service-worker-gateway/milestones" target="_blank">here</a>.</p>
-          <p><strong>Found a bug?</strong> We welcome you to report it by <a href="https://github.com/ipfs/service-worker-gateway/issues/new" target="_blank">opening an issue</a> with details like an address and a screenshot.</p>
-        </aside>
+    <aside className='mw7 lb-snow center w-100 lh-copy pa2 e2e-section-about'>
+      <h1 className='pa0 f3 ma0 mb4 teal tc'>About the IPFS Gateway and Service Worker</h1>
+      <p>This page runs an IPFS gateway within a <a href='https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API' target='_blank' rel='noreferrer'>Service Worker</a>. It uses <a href='https://github.com/ipfs/helia' target='_blank' rel='noreferrer'>Helia</a> (IPFS implementation in JS) and the <a href='https://github.com/ipfs/helia-verified-fetch' target='_blank' rel='noreferrer'>@helia/verified-fetch</a> library (<a href='https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API' target='_blank' rel='noreferrer'>Fetch API</a> for IPFS) to facilitate direct verified retrieval of <a href='https://docs.ipfs.tech/concepts/content-addressing/' target='_blank' rel='noreferrer'>content-addressed</a> data.</p>
+      <p><strong>Why?</strong> It improves decentralization, offers enhanced security (CID verification happens on end user's machine) and reliability (ability to do retrieval from multiple sources without reliance on a single HTTP server).</p>
+      <p><strong>How does it work?</strong> A Service Worker is registered on the initial page load, and then intercepts HTTP requests for content stored on <a href='https://docs.ipfs.tech/how-to/address-ipfs-on-web/' target='_blank' rel='noreferrer'>IPFS paths</a> such as <code>/ipfs/*</code> (immutable) and <code>/ipns/*</code> (mutable), takes care of IPFS retrieval, verification, UnixFS deserialization, and returns Response objects to the browser.</p>
+      <p><strong>Is this production ready?</strong> This project is under heavy development and is not yet fully compliant with <a href='https://specs.ipfs.tech/http-gateways/' target='_blank' rel='noreferrer'>IPFS Gateway Specfications</a>. Track our efforts  <a href='https://github.com/ipfs/service-worker-gateway/milestones' target='_blank' rel='noreferrer'>here</a>.</p>
+      <p><strong>Found a bug?</strong> We welcome you to report it by <a href='https://github.com/ipfs/service-worker-gateway/issues/new' target='_blank' rel='noreferrer'>opening an issue</a> with details like an address and a screenshot.</p>
+    </aside>
   )
 }

src/components/About.tsx

@@ -1,4 +1,5 @@
-import React, { type ReactElement } from 'react'
+import React from 'react'
+import type { ReactElement } from 'react'
 
 export default ({ handleSubmit, requestPath, setRequestPath }): ReactElement => (
   <form id='add-file' onSubmit={handleSubmit}>

src/components/Form.tsx

@@ -1,5 +1,6 @@
-import React, { type FunctionComponent } from 'react'
+import React from 'react'
 import ipfsLogo from '../ipfs-logo.svg'
+import type { FunctionComponent } from 'react'
 
 export interface HeaderProps extends React.HTMLProps<HTMLElement> {
 
@@ -9,12 +10,12 @@ export const Header: FunctionComponent<HeaderProps> = () => {
   return (
     <header className='e2e-header flex items-center pa2 bg-navy bb bw3 b--aqua tc justify-between'>
       <div>
-        <a href='https://ipfs.tech' title='IPFS Project' target="_blank" rel="noopener noreferrer" aria-label="Open IPFS Project's website">
-            <img alt='IPFS logo' src={ipfsLogo} style={{ height: 50 }} className='v-top' />
+        <a href='https://ipfs.tech' title='IPFS Project' target='_blank' rel='noopener noreferrer' aria-label="Open IPFS Project's website">
+          <img alt='IPFS logo' src={ipfsLogo} style={{ height: 50 }} className='v-top' />
         </a>
       </div>
       <div className='pb1 ma0 inline-flex items-center'>
-        <h1 className='e2e-header-title f3 fw2 aqua ttu sans-serif'>Service Worker Gateway <small className="gray">(beta)</small></h1>
+        <h1 className='e2e-header-title f3 fw2 aqua ttu sans-serif'>Service Worker Gateway <small className='gray'>(beta)</small></h1>
       </div>
     </header>
   )

src/components/Header.tsx

@@ -1,4 +1,5 @@
-import React, { useState, type ReactElement } from 'react'
+import React, { useState } from 'react'
+import type { ReactElement } from 'react'
 
 export interface CollapsibleProps {
   children: React.ReactNode
@@ -12,12 +13,12 @@ export function Collapsible ({ children, collapsedLabel, expandedLabel, collapse
   const [isCollapsed, setCollapsed] = useState(collapsed)
 
   return (
-    <React.Fragment>
-      <input type="checkbox" className="dn" name="collapsible" id={`collapsible-${cId}`} onClick={() => { setCollapsed(!isCollapsed) }} />
-      <label htmlFor={`collapsible-${cId}`} className="e2e-collapsible-button collapsible__item-label db pv3 link black hover-blue pointer blue">{isCollapsed ? collapsedLabel : expandedLabel}</label>
+    <>
+      <input type='checkbox' className='dn' name='collapsible' id={`collapsible-${cId}`} onClick={() => { setCollapsed(!isCollapsed) }} />
+      <label htmlFor={`collapsible-${cId}`} className='e2e-collapsible-button collapsible__item-label db pv3 link black hover-blue pointer blue'>{isCollapsed ? collapsedLabel : expandedLabel}</label>
       <div className={`${isCollapsed ? 'dn' : ''}`}>
         {children}
       </div>
-    </React.Fragment>
+    </>
   )
 }

src/components/collapsible.tsx

@@ -5,5 +5,5 @@ export const InputDescription: React.FC<{ description?: string }> = ({ descripti
     return null
   }
 
-  return (<span className="charcoal f6 fw1 db pt1 lh-copy mb2">{description}</span>)
+  return (<span className='charcoal f6 fw1 db pt1 lh-copy mb2'>{description}</span>)
 }

src/components/input-description.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 
 export const InputSection: React.FC<{ label: string, children: React.ReactNode[] }> = ({ label, children }) => {
   return (
-    <div className="bl bw2 br2 b--teal-muted pl3 mb3">
+    <div className='bl bw2 br2 b--teal-muted pl3 mb3'>
       <span className='f3 ma0 teal fw4 db'>{label}</span>
       {children}
     </div>

src/components/input-section.tsx

@@ -48,11 +48,11 @@ export const InputToggle: React.FC<LocalStorageToggleProps> = ({
       <InputDescription description={description} />
 
       <input
-        type="checkbox"
+        type='checkbox'
         id={id}
         checked={internalValue}
         onChange={handleChange}
-        className="dn"
+        className='dn'
       />
       <label
         htmlFor={id}

src/components/input-toggle.tsx

@@ -1,6 +1,8 @@
 import { CID } from 'multiformats/cid'
-import React, { type ReactElement } from 'react'
-import { nativeProtocolRegex, pathRegex, subdomainRegex, type IpfsUriParts } from '../lib/regex.js'
+import React from 'react'
+import { nativeProtocolRegex, pathRegex, subdomainRegex } from '../lib/regex.js'
+import type { IpfsUriParts } from '../lib/regex.js'
+import type { ReactElement } from 'react'
 
 function FormatHelp (): ReactElement {
   return (
@@ -10,27 +12,27 @@ function FormatHelp (): ReactElement {
         <tbody>
           <tr>
             <td>UNIX-like Content Path</td>
-            <td><pre className="di pl3">/ipfs/cid/..</pre></td>
+            <td><pre className='di pl3'>/ipfs/cid/..</pre></td>
           </tr>
           <tr>
             <td>HTTP Gateway URL</td>
-            <td><pre className="di pl3">https://ipfs.io/ipfs/cid..</pre></td>
+            <td><pre className='di pl3'>https://ipfs.io/ipfs/cid..</pre></td>
           </tr>
           <tr>
             <td>Native IPFS URL</td>
-            <td><pre className="di pl3">ipfs://cid/..</pre></td>
+            <td><pre className='di pl3'>ipfs://cid/..</pre></td>
           </tr>
         </tbody>
       </table>
-      <p>Learn more at <a target="_blank" href="https://docs.ipfs.tech/how-to/address-ipfs-on-web">Addressing IPFS on the Web</a></p>
+      <p>Learn more at <a target='_blank' href='https://docs.ipfs.tech/how-to/address-ipfs-on-web' rel='noreferrer'>Addressing IPFS on the Web</a></p>
     </>
   )
 }
 
 function ValidationMessage ({ cidOrPeerIdOrDnslink, requestPath, protocol, children }): ReactElement {
   let errorElement: ReactElement | null = null
   if (requestPath == null || requestPath === '') {
-    errorElement = <span><big className="f3">↑</big> Enter a valid IPFS/IPNS content path.</span>
+    errorElement = <span><big className='f3'>↑</big> Enter a valid IPFS/IPNS content path.</span>
   } else if (protocol !== 'ipfs' && protocol !== 'ipns') {
     errorElement = <FormatHelp />
   } else if (cidOrPeerIdOrDnslink == null || cidOrPeerIdOrDnslink === '') {
@@ -45,14 +47,16 @@ function ValidationMessage ({ cidOrPeerIdOrDnslink, requestPath, protocol, child
   }
 
   if (errorElement == null) {
-    return <>{ children }</>
+    return <>{children}</>
   }
 
-  return <>
-    <span className="pb3 pa3 db bg-light-yellow">
-      { errorElement }
-    </span>
-  </>
+  return (
+    <>
+      <span className='pb3 pa3 db bg-light-yellow'>
+        {errorElement}
+      </span>
+    </>
+  )
 }
 
 const parseInput = (uri: string): Partial<IpfsUriParts> => {
@@ -80,8 +84,8 @@ export default function InputValidator ({ requestPath }: { requestPath: string }
   return (
     <div>
       <ValidationMessage protocol={protocol} cidOrPeerIdOrDnslink={cidOrPeerIdOrDnslink} requestPath={requestPath}>
-        <a className="db" href={swPath}>
-          <button id="load-directly" className='button-reset pv3 tc bn bg-animate bg-teal-muted hover-bg-navy-muted white pointer f4 w-100'>Load content</button>
+        <a className='db' href={swPath}>
+          <button id='load-directly' className='button-reset pv3 tc bn bg-animate bg-teal-muted hover-bg-navy-muted white pointer f4 w-100'>Load content</button>
         </a>
       </ValidationMessage>
     </div>