@mantine/hooks
Version:
A collection of 50+ hooks for state and UI management
1 lines • 3.18 kB
Source Map (JSON)
{"version":3,"file":"use-os.mjs","names":[],"sources":["../../src/use-os/use-os.ts"],"sourcesContent":["import { useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nexport type UseOSReturnValue =\n | 'undetermined'\n | 'macos'\n | 'ios'\n | 'windows'\n | 'android'\n | 'linux'\n | 'chromeos';\n\nfunction isMacOS(userAgent: string): boolean {\n const macosPattern = /(Macintosh)|(MacIntel)|(MacPPC)|(Mac68K)/i;\n\n return macosPattern.test(userAgent);\n}\n\nfunction isIOS(userAgent: string): boolean {\n const iosPattern = /(iPhone)|(iPad)|(iPod)/i;\n\n return iosPattern.test(userAgent);\n}\n\nfunction isWindows(userAgent: string): boolean {\n const windowsPattern = /(Win32)|(Win64)|(Windows)|(WinCE)/i;\n\n return windowsPattern.test(userAgent);\n}\n\nfunction isAndroid(userAgent: string): boolean {\n const androidPattern = /Android/i;\n\n return androidPattern.test(userAgent);\n}\n\nfunction isLinux(userAgent: string): boolean {\n const linuxPattern = /Linux/i;\n\n return linuxPattern.test(userAgent);\n}\n\nfunction isChromeOS(userAgent: string): boolean {\n const chromePattern = /CrOS/i;\n return chromePattern.test(userAgent);\n}\n\nfunction getOS(): UseOSReturnValue {\n if (typeof window === 'undefined') {\n return 'undetermined';\n }\n\n const { userAgent } = window.navigator;\n\n if (isIOS(userAgent) || (isMacOS(userAgent) && 'ontouchend' in document)) {\n return 'ios';\n }\n if (isMacOS(userAgent)) {\n return 'macos';\n }\n if (isWindows(userAgent)) {\n return 'windows';\n }\n if (isAndroid(userAgent)) {\n return 'android';\n }\n if (isChromeOS(userAgent)) {\n return 'chromeos';\n }\n if (isLinux(userAgent)) {\n return 'linux';\n }\n\n return 'undetermined';\n}\n\nexport interface UseOsOptions {\n getValueInEffect: boolean;\n}\n\nexport function useOs(options: UseOsOptions = { getValueInEffect: true }): UseOSReturnValue {\n const [value, setValue] = useState<UseOSReturnValue>(\n options.getValueInEffect ? 'undetermined' : getOS()\n );\n\n useIsomorphicEffect(() => {\n if (options.getValueInEffect) {\n setValue(getOS);\n }\n }, []);\n\n return value;\n}\n\nexport namespace useOs {\n export type Options = UseOsOptions;\n export type ReturnValue = UseOSReturnValue;\n}\n"],"mappings":";;;;AAYA,SAAS,QAAQ,WAA4B;CAG3C,OAAO,4CAAa,KAAK,SAAS;AACpC;AAEA,SAAS,MAAM,WAA4B;CAGzC,OAAO,0BAAW,KAAK,SAAS;AAClC;AAEA,SAAS,UAAU,WAA4B;CAG7C,OAAO,qCAAe,KAAK,SAAS;AACtC;AAEA,SAAS,UAAU,WAA4B;CAG7C,OAAO,WAAe,KAAK,SAAS;AACtC;AAEA,SAAS,QAAQ,WAA4B;CAG3C,OAAO,SAAa,KAAK,SAAS;AACpC;AAEA,SAAS,WAAW,WAA4B;CAE9C,OAAO,QAAc,KAAK,SAAS;AACrC;AAEA,SAAS,QAA0B;CACjC,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,MAAM,EAAE,cAAc,OAAO;CAE7B,IAAI,MAAM,SAAS,KAAM,QAAQ,SAAS,KAAK,gBAAgB,UAC7D,OAAO;CAET,IAAI,QAAQ,SAAS,GACnB,OAAO;CAET,IAAI,UAAU,SAAS,GACrB,OAAO;CAET,IAAI,UAAU,SAAS,GACrB,OAAO;CAET,IAAI,WAAW,SAAS,GACtB,OAAO;CAET,IAAI,QAAQ,SAAS,GACnB,OAAO;CAGT,OAAO;AACT;AAMA,SAAgB,MAAM,UAAwB,EAAE,kBAAkB,KAAK,GAAqB;CAC1F,MAAM,CAAC,OAAO,YAAY,SACxB,QAAQ,mBAAmB,iBAAiB,MAAM,CACpD;CAEA,0BAA0B;EACxB,IAAI,QAAQ,kBACV,SAAS,KAAK;CAElB,GAAG,CAAC,CAAC;CAEL,OAAO;AACT"}