Merge pull request #59 from sunwrobert/robert/patch

chore: add more defensive checks on global usage
barvian · Nov 12, 2024 · d4e4302 · d4e4302
2 parents 3f7418a + 13a66fb
commit d4e4302
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/.changeset/tasty-cycles-chew.md b/.changeset/tasty-cycles-chew.md
@@ -0,0 +1,8 @@
+---
+'number-flow': patch
+'@number-flow/react': patch
+'@number-flow/svelte': patch
+'@number-flow/vue': patch
+---
+
+More defensive checks on browser globals (see #58)
diff --git a/packages/number-flow/src/styles.ts b/packages/number-flow/src/styles.ts
@@ -2,12 +2,16 @@ import { BROWSER } from './util/env'
 import { css } from './util/css'
 
 export const supportsLinear =
-	BROWSER && typeof CSS !== 'undefined' && CSS.supports('animation-timing-function', 'linear(1,2)')
+	BROWSER &&
+	typeof CSS !== 'undefined' &&
+	CSS.supports &&
+	CSS.supports('animation-timing-function', 'linear(1,2)')
 
 export const supportsMod =
-	BROWSER && typeof CSS !== 'undefined' && CSS.supports('line-height', 'mod(1,1)')
+	BROWSER && typeof CSS !== 'undefined' && CSS.supports && CSS.supports('line-height', 'mod(1,1)')
 
-export const prefersReducedMotion = BROWSER ? matchMedia('(prefers-reduced-motion: reduce)') : null
+export const prefersReducedMotion =
+	BROWSER && matchMedia ? matchMedia('(prefers-reduced-motion: reduce)') : null
 
 // Register animated vars:
 export const opacityDeltaVar = '--_number-flow-d-opacity'