feat: localhost subdomain redirection

src/background/listener/bee-api.listener.ts

@@ -1,4 +1,4 @@
-import { subdomainToBzzResource } from '../../utils/bzz-link'
+import { createSubdomainUrl, isLocalhost, isSubdomainUsed, subdomainToBzzResource } from '../../utils/bzz-link'
 import { fakeUrl } from '../../utils/fake-url'
 import { getItem, StoreObserver } from '../../utils/storage'
 import { SWARM_SESSION_ID_KEY, unpackSwarmSessionIdFromUrl } from '../../utils/swarm-session-id'
@@ -58,7 +58,7 @@ export class BeeApiListener {
   ): void | chrome.webRequest.BlockingResponse => {
     console.log('web2OriginEnabled', this._web2OriginEnabled)
 
-    if (this._web2OriginEnabled) return { responseHeaders: details.responseHeaders }
+    if (this._web2OriginEnabled || isSubdomainUsed(details.url)) return { responseHeaders: details.responseHeaders }
 
     const urlArray = details.url.toString().split('/')
 
@@ -149,7 +149,7 @@ export class BeeApiListener {
         const bzzReference = subdomainToBzzResource(subdomain) + pathWithParams
         console.log('bzz link redirect', bzzReference, url, pathWithParams)
 
-        this.redirectToBzzReference(bzzReference, tabId)
+        this.redirectToBzzReference(bzzReference, tabId, true)
       },
       { url: [{ hostSuffix: '.bzz.link' }] },
     )
@@ -159,8 +159,8 @@ export class BeeApiListener {
     chrome.webRequest.onBeforeRequest.addListener(
       (details: chrome.webRequest.WebRequestBodyDetails) => {
         console.log('Original BZZ Url', details.url)
-        const urlParams = new URLSearchParams(details.url)
-        const query = urlParams.get('oq')
+        const urlParams = new URLSearchParams(new URL(details.url).search)
+        const query = decodeURI(urlParams.get('oq') || urlParams.get('q') || '')
 
         if (!query || !query.startsWith('bzz://')) return
 
@@ -276,8 +276,25 @@ export class BeeApiListener {
    * @param bzzReference in form of $ROOT_HASH<$PATH><$QUERY>
    * @param tabId the tab will be navigated to the dApp page
    */
-  private redirectToBzzReference(bzzReference: string, tabId: number) {
-    const url = `${this._beeApiUrl}/bzz/${bzzReference}`
+  private redirectToBzzReference(bzzReference: string, tabId: number, preventSubdomainRedirection = false) {
+    let url: string
+
+    if (preventSubdomainRedirection || !isLocalhost(this._beeApiUrl)) {
+      url = `${this._beeApiUrl}/bzz/${bzzReference}`
+    } else {
+      const [hash, path] = bzzReference.split(/\/(.*)/s)
+      let subdomain = hash
+
+      if (subdomain.endsWith('.eth')) {
+        subdomain = subdomain.substring(0, subdomain.length - 4)
+      }
+
+      url = createSubdomainUrl(this._beeApiUrl, subdomain)
+
+      if (path) {
+        url += `/${path}`
+      }
+    }
 
     console.log(`Fake URL redirection to ${url} on tabId ${tabId}`)
 

src/utils/bzz-link.ts

@@ -1,6 +1,8 @@
 /** bzz.link CID implementaion */
 import * as swarmCid from '@ethersphere/swarm-cid'
 
+const subdomainUsedRegex = RegExp('^.*\\.swarm\\.localhost(:\\d+)?$')
+
 export function hashToCid(
   input: string,
   type: swarmCid.ReferenceType = swarmCid.ReferenceType.FEED,
@@ -62,6 +64,24 @@ export function subdomainToBzzResource(subdomain: string): string {
   return `${subdomain}.eth`
 }
 
+export function isLocalhost(url: string): boolean {
+  const { host } = new URL(url)
+
+  return host === 'localhost' || host.startsWith('localhost:')
+}
+
+export function isSubdomainUsed(url: string): boolean {
+  const { host } = new URL(url)
+
+  return subdomainUsedRegex.test(host)
+}
+
+export function createSubdomainUrl(beeApiUrl: string, subdomain: string): string {
+  const [protocol, host] = beeApiUrl.split('://')
+
+  return `${protocol}://${subdomain}.swarm.${host}`
+}
+
 export function bzzResourceToSubdomain(
   bzzReference: string,
   type: swarmCid.ReferenceType = swarmCid.ReferenceType.FEED,