chore: use typeof window checks for removing server code (#27514)

# Why

- It's common in the web frameworks world to minify `typeof window`
checks. We'll add this to our babel config in a follow up PR.

# How

- This PR migrates `typeof document` checks to `typeof window` so we can
tree shake extra code.

---------

Co-authored-by: Expo Bot <34669131+expo-bot@users.noreply.github.com>

packages/@expo/metro-config/CHANGELOG.md

@@ -13,6 +13,7 @@
 
 ### 💡 Others
 
+- Use `typeof window` checks for removing server code. ([#27514](https://github.com/expo/expo/pull/27514) by [@EvanBacon](https://github.com/EvanBacon))
 - Uncomment all Metro tests. ([#26610](https://github.com/expo/expo/pull/26610) by [@EvanBacon](https://github.com/EvanBacon))
 
 ## 0.17.5 - 2024-02-27

packages/@expo/metro-config/src/transform-worker/__tests__/__snapshots__/css.test.ts.snap

@@ -10,7 +10,7 @@ exports[`getHotReplaceTemplate should generate the correct template 1`] = `
 
 exports[`wrapDevelopmentCSS should transform css in dev mode 1`] = `
 "(() => {
-  if (typeof document === 'undefined') {
+  if (typeof window === 'undefined') {
     return
   }
   const head = document.head || document.getElementsByTagName('head')[0];

packages/@expo/metro-config/src/transform-worker/__tests__/__snapshots__/transform-worker.test.ts.snap

@@ -4,7 +4,7 @@ exports[`CSS Modules web transforms for dev, minified 1`] = `
 {
   "input": "module.exports=Object.assign({"container":"_R_BGG_container"},{unstable_styles:{"container":{"$$css":true,"_":"_R_BGG_container"}}},{});
 (() => {
-  if (typeof document === 'undefined') {
+  if (typeof window === 'undefined') {
     return
   }
   const head = document.head || document.getElementsByTagName('head')[0];
@@ -46,7 +46,7 @@ exports[`CSS Modules web transforms for dev, not minified 1`] = `
 {
   "input": "module.exports=Object.assign({"container":"_R_BGG_container"},{unstable_styles:{"container":{"$$css":true,"_":"_R_BGG_container"}}},{});
 (() => {
-  if (typeof document === 'undefined') {
+  if (typeof window === 'undefined') {
     return
   }
   const head = document.head || document.getElementsByTagName('head')[0];
@@ -97,7 +97,7 @@ exports[`CSS Modules web transforms for prod, not minified 1`] = `"module.export
 exports[`transforms a global CSS file in dev for web 1`] = `
 {
   "input": "(() => {
-  if (typeof document === 'undefined') {
+  if (typeof window === 'undefined') {
     return
   }
   const head = document.head || document.getElementsByTagName('head')[0];

packages/@expo/metro-config/src/transform-worker/css.ts

@@ -17,7 +17,7 @@ export function getHotReplaceTemplate(id: string) {
 export function wrapDevelopmentCSS(props: { src: string; filename: string }) {
   const withBackTicksEscaped = escapeBackticksAndOctals(props.src);
   return `(() => {
-  if (typeof document === 'undefined') {
+  if (typeof window === 'undefined') {
     return
   }
   const head = document.head || document.getElementsByTagName('head')[0];

packages/@expo/metro-runtime/CHANGELOG.md

@@ -12,6 +12,8 @@
 
 ### 💡 Others
 
+- Use `typeof window` checks for removing server code. ([#27514](https://github.com/expo/expo/pull/27514) by [@EvanBacon](https://github.com/EvanBacon))
+
 ## 3.1.3 - 2024-02-06
 
 ### 🎉 New features

packages/@expo/metro-runtime/src/async-require/fetchThenEval.web.ts

@@ -13,7 +13,7 @@ export function fetchThenEvalAsync(
     crossOrigin,
   }: { scriptType?: string; nonce?: string; crossOrigin?: string } = {}
 ): Promise<void> {
-  if (typeof document === 'undefined') {
+  if (typeof window === 'undefined') {
     return require('./fetchThenEvalJs').fetchThenEvalAsync(url);
   }
   return new Promise<void>((resolve, reject) => {

packages/expo-image/CHANGELOG.md

@@ -15,6 +15,8 @@
 
 ### 💡 Others
 
+- Use `typeof window` checks for removing server code. ([#27514](https://github.com/expo/expo/pull/27514) by [@EvanBacon](https://github.com/EvanBacon))
+
 ## 1.11.0 — 2024-02-05
 
 ### 🎉 New features