Fix scenario where window is not available (#931)

Author: lnbc1QWFyb24

packages/core/src/index.ts

@@ -14,7 +14,7 @@ import initI18N from './i18n'
 
 import App from './views/Index.svelte'
 import type { InitOptions, OnboardAPI } from './types'
-import { device } from './utils'
+import { getDevice } from './utils'
 
 const API = {
   connectWallet,
@@ -58,6 +58,8 @@ function init(options: InitOptions): OnboardAPI {
 
   let accountCenterUpdate
 
+  const device = getDevice()
+
   if (device.type === 'mobile') {
     accountCenterUpdate = {
       enabled: false

packages/core/src/utils.ts

@@ -25,15 +25,17 @@ import arbitrumIcon from './icons/arbitrum'
 
 import type { ChainStyle, ConnectedChain } from './types'
 
-const parsed = bowser.getParser(window.navigator.userAgent)
-const os = parsed.getOS()
-const browser = parsed.getBrowser()
-const { type } = parsed.getPlatform()
-
-export const device: Device = {
-  type: type as DeviceType,
-  os: os as DeviceOS,
-  browser: browser as DeviceBrowser
+export function getDevice(): Device {
+  const parsed = bowser.getParser(window.navigator.userAgent)
+  const os = parsed.getOS()
+  const browser = parsed.getBrowser()
+  const { type } = parsed.getPlatform()
+
+  return {
+    type: type as DeviceType,
+    os: os as DeviceOS,
+    browser: browser as DeviceBrowser
+  }
 }
 
 export const notNullish = <T>(value: T | null | undefined): value is T =>