{"ast":null,"code":"import { useMediaQuery } from \"beautiful-react-hooks\";\nimport { useEffect, useState } from \"react\";\nconst width = 1024;\nexport const useIsDesktop = () => {\n  const {\n    0: isDesktop,\n    1: setIsDesktop\n  } = useState(true);\n  useEffect(() => {\n    if (true) return;\n    const mediaQueryList = window.matchMedia(`(min-width: ${width}px)`);\n\n    const documentChangeHandler = () => setIsDesktop(!!mediaQueryList.matches);\n\n    try {\n      mediaQueryList.addEventListener('change', documentChangeHandler);\n    } catch (e1) {\n      try {\n        mediaQueryList.addListener(documentChangeHandler);\n      } catch (e2) {\n        console.error(e2);\n      }\n    }\n\n    documentChangeHandler();\n    return () => {\n      try {\n        mediaQueryList.removeEventListener('change', documentChangeHandler);\n      } catch (e1) {\n        try {\n          mediaQueryList.removeListener(documentChangeHandler);\n        } catch (e2) {\n          console.error(e2);\n        }\n      }\n    };\n  });\n  return isDesktop; // if(typeof window === 'undefined') return true\n  // return useMediaQuery(`(min-width: ${width}px)`)\n}; // export const useIsMobile = () => {\n//    if(typeof window === 'undefined') return false\n//    return useMediaQuery(`(max-width: ${width}px)`)\n// }","map":{"version":3,"sources":["/home/gkkdzdg/www/src/hooks/useIsDevice.js"],"names":["useMediaQuery","useEffect","useState","width","useIsDesktop","isDesktop","setIsDesktop","mediaQueryList","window","matchMedia","documentChangeHandler","matches","addEventListener","e1","addListener","e2","console","error","removeEventListener","removeListener"],"mappings":"AAAA,SAASA,aAAT,QAA8B,uBAA9B;AACA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,OAApC;AAGA,MAAMC,KAAK,GAAG,IAAd;AAEA,OAAO,MAAMC,YAAY,GAAG,MAAM;AAChC,QAAM;AAAA,OAACC,SAAD;AAAA,OAAYC;AAAZ,MAA4BJ,QAAQ,CAAC,IAAD,CAA1C;AAEAD,EAAAA,SAAS,CAAC,MAAM;AACd,cAAmC;AAEnC,UAAMM,cAAc,GAAGC,MAAM,CAACC,UAAP,CAAmB,eAAcN,KAAM,KAAvC,CAAvB;;AACA,UAAMO,qBAAqB,GAAG,MAAMJ,YAAY,CAAC,CAAC,CAACC,cAAc,CAACI,OAAlB,CAAhD;;AAEA,QAAI;AACFJ,MAAAA,cAAc,CAACK,gBAAf,CAAgC,QAAhC,EAA0CF,qBAA1C;AACD,KAFD,CAEE,OAAOG,EAAP,EAAW;AACX,UAAI;AACFN,QAAAA,cAAc,CAACO,WAAf,CAA2BJ,qBAA3B;AACD,OAFD,CAEE,OAAOK,EAAP,EAAW;AACXC,QAAAA,OAAO,CAACC,KAAR,CAAcF,EAAd;AACD;AACF;;AACDL,IAAAA,qBAAqB;AACrB,WAAO,MAAM;AACX,UAAI;AACFH,QAAAA,cAAc,CAACW,mBAAf,CAAmC,QAAnC,EAA6CR,qBAA7C;AACD,OAFD,CAEE,OAAOG,EAAP,EAAW;AACX,YAAI;AACFN,UAAAA,cAAc,CAACY,cAAf,CAA8BT,qBAA9B;AACD,SAFD,CAEE,OAAOK,EAAP,EAAW;AACXC,UAAAA,OAAO,CAACC,KAAR,CAAcF,EAAd;AACD;AACF;AACF,KAVD;AAWD,GA3BQ,CAAT;AA6BA,SAAOV,SAAP,CAhCgC,CAiChC;AACA;AACD,CAnCM,C,CAoCP;AACA;AACA;AACA","sourcesContent":["import { useMediaQuery } from \"beautiful-react-hooks\"\nimport { useEffect, useState } from \"react\"\n\n\nconst width = 1024\n\nexport const useIsDesktop = () => {\n  const [isDesktop, setIsDesktop] = useState(true)\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mediaQueryList = window.matchMedia(`(min-width: ${width}px)`)\n    const documentChangeHandler = () => setIsDesktop(!!mediaQueryList.matches)\n\n    try {\n      mediaQueryList.addEventListener('change', documentChangeHandler)\n    } catch (e1) {\n      try {\n        mediaQueryList.addListener(documentChangeHandler)\n      } catch (e2) {\n        console.error(e2)\n      }\n    }\n    documentChangeHandler()\n    return () => {\n      try {\n        mediaQueryList.removeEventListener('change', documentChangeHandler)\n      } catch (e1) {\n        try {\n          mediaQueryList.removeListener(documentChangeHandler)\n        } catch (e2) {\n          console.error(e2)\n        }\n      }\n    }\n  })\n\n  return isDesktop\n  // if(typeof window === 'undefined') return true\n  // return useMediaQuery(`(min-width: ${width}px)`)\n}\n// export const useIsMobile = () => {\n//    if(typeof window === 'undefined') return false\n//    return useMediaQuery(`(max-width: ${width}px)`)\n// }"]},"metadata":{},"sourceType":"module"}