Fixed compatibility with esoteric Mini Program environment (#3133)

* fix: global is undefined

* fix: remove unneeded optional chaining

* fix: type error

* Tweak the fix and add changeset

* Fixed CodeSandbox build

Co-authored-by: Mateusz Burzyński <mateuszburzynski@gmail.com>

.changeset/giant-suns-wave.md

@@ -0,0 +1,5 @@
+---
+'xstate': patch
+---
+
+Fixed compatibility with esoteric [Mini Program](https://developers.weixin.qq.com/miniprogram/en/dev/framework/app-service/) environment where `global` object was available but `global.console` wasn't.

packages/core/src/devTools.ts

@@ -1,3 +1,4 @@
+import { IS_PRODUCTION } from './environment';
 import { AnyInterpreter } from './types';
 
 type ServiceListener = (service: AnyInterpreter) => void;
@@ -14,7 +15,7 @@ export interface XStateDevInterface {
 }
 
 // From https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis
-export function getGlobal() {
+export function getGlobal(): typeof globalThis | undefined {
   if (typeof globalThis !== 'undefined') {
     return globalThis;
   }
@@ -27,8 +28,11 @@ export function getGlobal() {
   if (typeof global !== 'undefined') {
     return global;
   }
-
-  return undefined;
+  if (!IS_PRODUCTION) {
+    console.warn(
+      'XState could not find a global object in this environment. Please let the maintainers know and raise an issue here: https://github.com/statelyai/xstate/issues'
+    );
+  }
 }
 
 function getDevTools(): XStateDevInterface | undefined {

packages/core/src/interpreter.ts

@@ -131,7 +131,7 @@ export class Interpreter<
    * - `clock` uses the global `setTimeout` and `clearTimeout` functions
    * - `logger` uses the global `console.log()` method
    */
-  public static defaultOptions = ((global) => ({
+  public static defaultOptions = {
     execute: true,
     deferEvents: true,
     clock: {
@@ -142,9 +142,9 @@ export class Interpreter<
         return clearTimeout(id);
       }
     } as Clock,
-    logger: global.console.log.bind(console),
+    logger: console.log.bind(console),
     devTools: false
-  }))(typeof self !== 'undefined' ? self : global);
+  };
   /**
    * The current state of the interpreted machine.
    */