about summary refs log tree commit diff
path: root/src/lib/api/debug-appview-proxy-header.ts
blob: d84f65cc17291768d0dce0e85c7e1aba05d9797a (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
/**
 * APP-700
 *
 * This is a temporary debug setting we're running on the Web build to
 * help the protocol team test some changes.
 *
 * It should be removed in ~2 weeks. It should only be used on the Web
 * version of the app.
 */

import {useState, useCallback} from 'react'
import {BskyAgent} from '@atproto/api'
import {isWeb} from 'platform/detection'

export function useDebugHeaderSetting(agent: BskyAgent): [boolean, () => void] {
  const [enabled, setEnabled] = useState<boolean>(isEnabled())

  const toggle = useCallback(() => {
    if (!enabled) {
      localStorage.setItem('set-header-x-appview-proxy', 'yes')
      agent.api.xrpc.setHeader('x-appview-proxy', 'true')
      setEnabled(true)
    } else {
      localStorage.removeItem('set-header-x-appview-proxy')
      agent.api.xrpc.unsetHeader('x-appview-proxy')
      setEnabled(false)
    }
  }, [setEnabled, enabled, agent])

  return [enabled, toggle]
}

export function setDebugHeader(agent: BskyAgent, enabled: boolean) {
  if (!isWeb) {
    return
  }
  if (enabled) {
    localStorage.setItem('set-header-x-appview-proxy', 'yes')
    agent.api.xrpc.setHeader('x-appview-proxy', 'true')
  } else {
    localStorage.removeItem('set-header-x-appview-proxy')
    agent.api.xrpc.unsetHeader('x-appview-proxy')
  }
}

export function applyDebugHeader(agent: BskyAgent) {
  if (!isWeb) {
    return
  }
  if (isEnabled()) {
    agent.api.xrpc.setHeader('x-appview-proxy', 'true')
  }
}

function isEnabled() {
  return localStorage.getItem('set-header-x-appview-proxy') === 'yes'
}