Zertz

function useGreetings(language) {
  const [greetings, setGreetings] = useState()
  
  // 1. language changes (render)
  // 2. useEffect triggers (post-render)
  // 3. greetings are updated (render)
  useEffect(() => {
    switch (language) {
      case "fr": {
        setGreetings(["salut", "bonjour"])

Zertz

const apiKey = (async () => {
  const buffer = await crypto.subtle.digest(
    "SHA-256",
    new TextEncoder("utf-8").encode(
      window.crypto.getRandomValues(new Uint8Array(32))
    )
  );

  return Array.prototype.map
    .call(new Uint8Array(buf), x => ("00" + x.toString(16)).slice(-2))

Zertz

addEventListener("fetch", event => {
  const response = new Response(`{"country":"${event.request.headers.get("cf-ipcountry")}"}`, {
    headers: {
      "Access-Control-Allow-Origin": "*",
      "Content-Type": "application/json"
    }
  })
  
  event.respondWith(response)
})

Zertz

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

async function handleRequest(request) {
  const response = await fetch(
    request.url.replace("https://fonts.jirafe.io", "https://fonts.googleapis.com"),
    request
  );