fix: access meta.env.X with optional chaining

BobbieGoede · BobbieGoede · commit fb9ede777e8c · 2025-03-10T21:03:14.000+01:00
diff --git a/src/plugin/index.ts b/src/plugin/index.ts
@@ -32,7 +32,7 @@ export const MotionPlugin = {
         const variants = options.directives[key] as MotionVariants<any>
 
         // Development warning, showing definitions missing `initial` key
-        if (!variants.initial && import.meta.env.MODE === 'development') {
+        if (!variants.initial && import.meta.env?.MODE === 'development') {
           console.warn(
             `Your directive v-motion-${key} is missing initial variant!`,
           )
diff --git a/src/utils/component.ts b/src/utils/component.ts
@@ -195,7 +195,7 @@ export function setupMotionComponent(
   })
 
   // Replay animations on component update Vue
-  if (import.meta.env.MODE === 'development') {
+  if (import.meta.env?.MODE === 'development') {
     // Validate passed preset
     if (
       props.preset != null
diff --git a/src/utils/events.ts b/src/utils/events.ts
@@ -1,7 +1,7 @@
 const isBrowser = typeof window !== 'undefined'
 
-export const supportsPointerEvents = () => isBrowser && (window.onpointerdown === null || import.meta.env.TEST)
+export const supportsPointerEvents = () => isBrowser && (window.onpointerdown === null || import.meta.env?.TEST)
 
-export const supportsTouchEvents = () => isBrowser && (window.ontouchstart === null || import.meta.env.TEST)
+export const supportsTouchEvents = () => isBrowser && (window.ontouchstart === null || import.meta.env?.TEST)
 
-export const supportsMouseEvents = () => isBrowser && (window.onmousedown === null || import.meta.env.TEST)
+export const supportsMouseEvents = () => isBrowser && (window.onmousedown === null || import.meta.env?.TEST)
diff --git a/src/utils/keys.ts b/src/utils/keys.ts
@@ -1,3 +1,3 @@
 export const CUSTOM_PRESETS = Symbol(
-  import.meta.env.MODE === 'development' ? 'motionCustomPresets' : '',
+  import.meta.env?.MODE === 'development' ? 'motionCustomPresets' : '',
 )

Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@ export const MotionPlugin = {`
`32`	`32`	`const variants = options.directives[key] as MotionVariants<any>`
`33`	`33`
`34`	`34`	// Development warning, showing definitions missing `initial` key
`35`		`- if (!variants.initial && import.meta.env.MODE === 'development') {`
	`35`	`+ if (!variants.initial && import.meta.env?.MODE === 'development') {`
`36`	`36`	`console.warn(`
`37`	`37`	`Your directive v-motion-${key} is missing initial variant!`,
`38`	`38`	`)`
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,3 @@`
`1`	`1`	`export const CUSTOM_PRESETS = Symbol(`
`2`		`- import.meta.env.MODE === 'development' ? 'motionCustomPresets' : '',`
	`2`	`+ import.meta.env?.MODE === 'development' ? 'motionCustomPresets' : '',`
`3`	`3`	`)`