Bundle embedded web app

static/web/_next/static/chunks/2904.2d8dcf1cdc22b873.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2904],{32904:function(e,r,i){i.r(r),i.d(r,{PushNotificationServiceWorker:function(){return n}});var o=i(67294);let n=()=>{let e=()=>{navigator.serviceWorker.register("/serviceWorker.js").then(e=>{console.debug("Service Worker registration successful with scope: ",e.scope)},e=>{console.error("Service Worker registration failed: ",e)})};return(0,o.useEffect)(()=>("serviceWorker"in navigator&&window.addEventListener("load",e),()=>{window.removeEventListener("load",e)}),[]),null}}}]);
-//# sourceMappingURL=2904.2d8dcf1cdc22b873.js.map

static/web/_next/static/chunks/2904.2d8dcf1cdc22b873.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/chunks/2904.2d8dcf1cdc22b873.js","mappings":"qLAGO,IAAMA,EAAoC,IAAM,CACrD,IAAMC,EAAM,IAAM,CAChBC,UAAUC,aAAa,CAACC,QAAQ,CAAC,qBAAqBC,IAAI,CACxDC,GAAgB,CACdC,QAAQC,KAAK,CAAC,sDAAuDF,EAAaG,KAAK,CACzF,EACAC,GAAO,CACLH,QAAQI,KAAK,CAAC,uCAAwCD,EACxD,EAEJ,EAYA,MAVAE,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACJ,kBAAmBV,WACrBW,OAAOC,gBAAgB,CAAC,OAAQb,GAG3B,IAAM,CACXY,OAAOE,mBAAmB,CAAC,OAAQd,EACrC,GACC,EAAE,EAEE,IAAI,AACb","sources":["webpack://_N_E/./components/workers/PushNotificationServiceWorker/PushNotificationServiceWorker.tsx","webpack://_N_E/<anon>"],"sourcesContent":["/* eslint-disable react/no-danger */\nimport { FC, useEffect } from 'react';\n\nexport const PushNotificationServiceWorker: FC = () => {\n  const add = () => {\n    navigator.serviceWorker.register('/serviceWorker.js').then(\n      registration => {\n        console.debug('Service Worker registration successful with scope: ', registration.scope);\n      },\n      err => {\n        console.error('Service Worker registration failed: ', err);\n      },\n    );\n  };\n\n  useEffect(() => {\n    if ('serviceWorker' in navigator) {\n      window.addEventListener('load', add);\n    }\n\n    return () => {\n      window.removeEventListener('load', add);\n    };\n  }, []);\n\n  return null;\n};\n"],"names":["PushNotificationServiceWorker","add","navigator","serviceWorker","register","then","registration","console","debug","scope","err","error","useEffect","window","addEventListener","removeEventListener"],"sourceRoot":""}

static/web/_next/static/chunks/3655.5758618bbced9bc8.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3655],{33655:function(e,t,n){n.r(t),n.d(t,{TitleNotifier:function(){return s}});var u=n(67294),r=n(4480),c=n(77466);let s=e=>{let{name:t}=e,n=(0,r.sJ)(c.j$),s=(0,r.sJ)(c.RI),[i,o]=(0,u.useState)(!1),{online:f}=s,l=e=>{document.title=e},d=()=>{o(!0)},w=()=>{o(!1),l(t)},D=()=>{window.addEventListener("blur",d),window.addEventListener("focus",w)},E=()=>{window.removeEventListener("blur",d),window.removeEventListener("focus",w)};return(0,u.useEffect)(()=>(D(),()=>{E()}),[t]),(0,u.useEffect)(()=>{if(!i||!f)return;let e=n[n.length-1];"CHAT"===e.type&&l("\uD83D\uDCAC :: ".concat(t))},[n,t]),(0,u.useEffect)(()=>{i&&(f?l(" \uD83D\uDFE2 :: ".concat(t)):f||l(" \uD83D\uDD34 :: ".concat(t)))},[f,t]),null}}}]);
-//# sourceMappingURL=3655.5758618bbced9bc8.js.map

static/web/_next/static/chunks/3655.5758618bbced9bc8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/chunks/3655.5758618bbced9bc8.js","mappings":"0LAeO,IAAMA,EAAwC,GAAc,IAAb,CAAEC,KAAAA,CAAAA,CAAM,CAAAC,EACtDC,EAAeC,CAAAA,EAAAA,EAAAA,EAAAA,EAAeC,EAAAA,EAAgBA,EAC9CC,EAAeF,CAAAA,EAAAA,EAAAA,EAAAA,EAAeG,EAAAA,EAAiBA,EAE/C,CAACC,EAAcC,EAAgB,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,IAE3C,CAAEC,OAAAA,CAAAA,CAAQ,CAAGL,EAEbM,EAAW,GAAmB,CAClCC,SAASC,KAAK,CAAGA,CACnB,EAEMC,EAAS,IAAM,CACnBN,EAAgB,GAClB,EAEMO,EAAU,IAAM,CACpBP,EAAgB,IAChBG,EAASX,EACX,EAEMgB,EAAkB,IAAM,CAE5BC,OAAOC,gBAAgB,CAAC,OAAQJ,GAChCG,OAAOC,gBAAgB,CAAC,QAASH,EACnC,EAEMI,EAAe,IAAM,CACzBF,OAAOG,mBAAmB,CAAC,OAAQN,GACnCG,OAAOG,mBAAmB,CAAC,QAASL,EACtC,EAoCA,MAlCAM,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,KACRL,IAEO,IAAM,CACXG,GACF,GACC,CAACnB,EAAK,EAETqB,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,IAAM,CACd,GAAI,CAACd,GAAgB,CAACG,EACpB,MACD,CAGD,IAAMY,EAAcpB,CAAY,CAACA,EAAaqB,MAAM,CAAG,EAAE,CAChC,SAArBD,EAAYE,IAAI,EAIpBb,EAAS,mBAAcc,MAAA,CAALzB,GACpB,EAAG,CAACE,EAAcF,EAAK,EAEvBqB,CAAAA,EAAAA,EAAAA,SAAAA,EAAU,IAAM,CACTd,IAIDG,EACFC,EAAS,oBAAec,MAAA,CAALzB,IACTU,GACVC,EAAS,oBAAec,MAAA,CAALzB,IAEvB,EAAG,CAACU,EAAQV,EAAK,EAEV,IAAI,AACb","sources":["webpack://_N_E/./components/TitleNotifier/TitleNotifier.tsx","webpack://_N_E/<anon>"],"sourcesContent":["/**\n * This component is responsible for updating the title of the page when\n * different state changes occur.\n * If the stream live state changes, or chat messages come in while the\n * page is backgrounded, this component will update the title to reflect it. *\n * @component\n */\nimport { FC, useEffect, useState } from 'react';\nimport { useRecoilValue } from 'recoil';\nimport { serverStatusState, chatMessagesAtom } from '../stores/ClientConfigStore';\n\nexport type TitleNotifierProps = {\n  name: string;\n};\n\nexport const TitleNotifier: FC<TitleNotifierProps> = ({ name }) => {\n  const chatMessages = useRecoilValue(chatMessagesAtom);\n  const serverStatus = useRecoilValue(serverStatusState);\n\n  const [backgrounded, setBackgrounded] = useState(false);\n\n  const { online } = serverStatus;\n\n  const setTitle = (title: string) => {\n    document.title = title;\n  };\n\n  const onBlur = () => {\n    setBackgrounded(true);\n  };\n\n  const onFocus = () => {\n    setBackgrounded(false);\n    setTitle(name);\n  };\n\n  const listenForEvents = () => {\n    // Listen for events that should update the title\n    window.addEventListener('blur', onBlur);\n    window.addEventListener('focus', onFocus);\n  };\n\n  const removeEvents = () => {\n    window.removeEventListener('blur', onBlur);\n    window.removeEventListener('focus', onFocus);\n  };\n\n  useEffect(() => {\n    listenForEvents();\n\n    return () => {\n      removeEvents();\n    };\n  }, [name]);\n\n  useEffect(() => {\n    if (!backgrounded || !online) {\n      return;\n    }\n\n    // Only alert on real chat messages from people.\n    const lastMessage = chatMessages[chatMessages.length - 1];\n    if (lastMessage.type !== 'CHAT') {\n      return;\n    }\n\n    setTitle(`💬 :: ${name}`);\n  }, [chatMessages, name]);\n\n  useEffect(() => {\n    if (!backgrounded) {\n      return;\n    }\n\n    if (online) {\n      setTitle(` 🟢 :: ${name}`);\n    } else if (!online) {\n      setTitle(` 🔴 :: ${name}`);\n    }\n  }, [online, name]);\n\n  return null;\n};\n"],"names":["TitleNotifier","name","param","chatMessages","useRecoilValue","chatMessagesAtom","serverStatus","serverStatusState","backgrounded","setBackgrounded","useState","online","setTitle","document","title","onBlur","onFocus","listenForEvents","window","addEventListener","removeEvents","removeEventListener","useEffect","lastMessage","length","type","concat"],"sourceRoot":""}