@wandelbots/wandelbots-js-react-components/dist/LoadingCover-r2yhJZF9.cjs.map

React UI toolkit for building applications on top of the Wandelbots platform

{"version":3,"file":"LoadingCover-r2yhJZF9.cjs","sources":["../src/components/utils/converters.ts","../src/components/utils/errorHandling.ts","../src/components/LoadingCover.tsx"],"sourcesContent":["export function radiansToDegree(radians: number): number {\n  return radians * (180 / Math.PI)\n}\n\nexport function degreesToRadians(degrees: number): number {\n  return degrees * (Math.PI / 180)\n}\n\nexport function tryParseJson(json: unknown): any {\n  try {\n    return JSON.parse(json as string)\n  } catch {\n    return undefined\n  }\n}\n\nexport function tryStringifyJson(json: unknown): string | undefined {\n  try {\n    return JSON.stringify(json)\n  } catch {\n    return undefined\n  }\n}\n","import { AxiosError } from \"axios\"\nimport { tryStringifyJson } from \"./converters\"\n\n// Please note: These helper functions also exist in nova.js\n// (with slightly different formatting), and will be unified\n// at some point in the future.\n\nexport function delay(ms: number) {\n  return new Promise((resolve) => setTimeout(resolve, ms))\n}\n\nexport function makeShortErrorMessage(err: unknown) {\n  if (err instanceof AxiosError && err.code === \"ERR_NETWORK\") {\n    return \"Failed to connect to the server. Please check your internet connection.\"\n  } else if (err instanceof AxiosError && err.response) {\n    return `${err.response?.status} ${err.response?.statusText}: ${JSON.stringify(err.response?.data)}`\n  } else if (err instanceof Error) {\n    return err.message\n  } else {\n    return `Unexpected error: ${err}`\n  }\n}\n\nexport function assertUnreachable(x: never, msg: string): never {\n  throw new Error(msg + ` ${JSON.stringify(x)}`)\n}\n\nexport function makeErrorMessage(err: unknown) {\n  if (err instanceof AxiosError && err.code === \"ERR_NETWORK\") {\n    return \"Failed to connect to the server. Please check your internet connection.\"\n  } else if (err instanceof AxiosError && err.response) {\n    return `${err.response?.status} ${err.response?.statusText} from ${err.response?.config.url}: ${JSON.stringify(err.response?.data)}`\n  } else if (err instanceof Error) {\n    return err.message\n  } else {\n    return `Unexpected error: ${tryStringifyJson(err) || err}`\n  }\n}\n","import { capitalize, CircularProgress, Stack, useTheme } from \"@mui/material\"\nimport { lowerFirst } from \"lodash-es\"\nimport { useEffect, useState } from \"react\"\nimport { makeErrorMessage } from \"./utils/errorHandling\"\n\nexport const LoadingCover = (props: {\n  message?: string\n  error?: unknown\n  softTimeout?: number\n}) => {\n  const softTimeout = props.softTimeout || 3000\n\n  const [showSlowLoadingMessage, setShowSlowLoadingMessage] = useState(false)\n  const theme = useTheme()\n\n  useEffect(() => {\n    const timeout = setTimeout(() => {\n      setShowSlowLoadingMessage(true)\n    }, softTimeout)\n\n    return () => clearTimeout(timeout)\n  })\n\n  return (\n    <Stack\n      width=\"100%\"\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      sx={{ color: theme.palette.text.primary }}\n    >\n      {props.error ? (\n        <LoadingErrorMessage\n          loadingMessage={props.message}\n          error={props.error}\n        />\n      ) : (\n        <>\n          <CircularProgress sx={{ marginBottom: \"24px\" }} />\n          {!!props.message && <div>{props.message}</div>}\n          <Stack\n            sx={{\n              visibility: showSlowLoadingMessage ? \"visible\" : \"hidden\",\n              marginTop: \"1rem\",\n              color: theme.palette.text.secondary,\n            }}\n          >\n            {\"This is taking longer than expected...\"}\n          </Stack>\n        </>\n      )}\n    </Stack>\n  )\n}\n\nexport const LoadingErrorMessage = (props: {\n  loadingMessage?: string\n  error: unknown\n}) => {\n  const errorMessage = makeErrorMessage(props.error)\n  const stack = props.error instanceof Error ? props.error.stack : null\n  const theme = useTheme()\n\n  return (\n    <Stack\n      sx={{\n        maxHeight: \"100%\",\n        maxWidth: \"min(100%, 800px)\",\n        padding: 2,\n        overflow: \"auto\",\n        color: theme.palette.error.main,\n        \"& pre\": {\n          whiteSpace: \"pre-wrap\",\n          wordBreak: \"break-word\",\n          paddingBottom: \"3rem\",\n        },\n      }}\n    >\n      {(props.loadingMessage\n        ? `Error while ${lowerFirst(capitalize(props.loadingMessage))} - `\n        : \"\") + errorMessage}\n      <br />\n      {stack && <pre>{stack}</pre>}\n    </Stack>\n  )\n}\n"],"names":["tryStringifyJson","json","assertUnreachable","x","msg","makeErrorMessage","err","AxiosError","_a","_b","_c","_d","LoadingCover","props","softTimeout","showSlowLoadingMessage","setShowSlowLoadingMessage","useState","theme","useTheme","useEffect","timeout","jsx","Stack","LoadingErrorMessage","jsxs","Fragment","CircularProgress","errorMessage","stack","lowerFirst","capitalize"],"mappings":"0HAgBO,SAASA,EAAiBC,EAAmC,CAClE,GAAI,CACF,OAAO,KAAK,UAAUA,CAAI,CAC5B,MAAQ,CACN,MACF,CACF,CCCO,SAASC,EAAkBC,EAAUC,EAAoB,CAC9D,MAAM,IAAI,MAAMA,EAAM,IAAI,KAAK,UAAUD,CAAC,CAAC,EAAE,CAC/C,CAEO,SAASE,EAAiBC,EAAc,aAC7C,OAAIA,aAAeC,EAAAA,YAAcD,EAAI,OAAS,cACrC,0EACEA,aAAeC,cAAcD,EAAI,SACnC,IAAGE,EAAAF,EAAI,WAAJ,YAAAE,EAAc,MAAM,KAAIC,EAAAH,EAAI,WAAJ,YAAAG,EAAc,UAAU,UAASC,EAAAJ,EAAI,WAAJ,YAAAI,EAAc,OAAO,GAAG,KAAK,KAAK,WAAUC,EAAAL,EAAI,WAAJ,YAAAK,EAAc,IAAI,CAAC,GACzHL,aAAe,MACjBA,EAAI,QAEJ,qBAAqBN,EAAiBM,CAAG,GAAKA,CAAG,EAE5D,CChCO,MAAMM,EAAgBC,GAIvB,CACJ,MAAMC,EAAcD,EAAM,aAAe,IAEnC,CAACE,EAAwBC,CAAyB,EAAIC,EAAAA,SAAS,EAAK,EACpEC,EAAQC,EAAAA,SAAA,EAEdC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAU,WAAW,IAAM,CAC/BL,EAA0B,EAAI,CAChC,EAAGF,CAAW,EAEd,MAAO,IAAM,aAAaO,CAAO,CACnC,CAAC,EAGCC,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACC,MAAM,OACN,OAAO,OACP,WAAW,SACX,eAAe,SACf,GAAI,CAAE,MAAOL,EAAM,QAAQ,KAAK,OAAA,EAE/B,WAAM,MACLI,EAAAA,kBAAAA,IAACE,EAAA,CACC,eAAgBX,EAAM,QACtB,MAAOA,EAAM,KAAA,CAAA,EAGfY,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAJ,EAAAA,kBAAAA,IAACK,EAAAA,iBAAA,CAAiB,GAAI,CAAE,aAAc,QAAU,EAC/C,CAAC,CAACd,EAAM,SAAWS,EAAAA,kBAAAA,IAAC,MAAA,CAAK,WAAM,QAAQ,EACxCA,EAAAA,kBAAAA,IAACC,EAAAA,MAAA,CACC,GAAI,CACF,WAAYR,EAAyB,UAAY,SACjD,UAAW,OACX,MAAOG,EAAM,QAAQ,KAAK,SAAA,EAG3B,SAAA,wCAAA,CAAA,CACH,CAAA,CACF,CAAA,CAAA,CAIR,EAEaM,EAAuBX,GAG9B,CACJ,MAAMe,EAAevB,EAAiBQ,EAAM,KAAK,EAC3CgB,EAAQhB,EAAM,iBAAiB,MAAQA,EAAM,MAAM,MAAQ,KAC3DK,EAAQC,EAAAA,SAAA,EAEd,OACEM,EAAAA,kBAAAA,KAACF,EAAAA,MAAA,CACC,GAAI,CACF,UAAW,OACX,SAAU,mBACV,QAAS,EACT,SAAU,OACV,MAAOL,EAAM,QAAQ,MAAM,KAC3B,QAAS,CACP,WAAY,WACZ,UAAW,aACX,cAAe,MAAA,CACjB,EAGA,SAAA,EAAAL,EAAM,eACJ,eAAeiB,EAAAA,WAAWC,EAAAA,WAAWlB,EAAM,cAAc,CAAC,CAAC,MAC3D,IAAMe,0BACT,KAAA,EAAG,EACHC,GAASP,EAAAA,kBAAAA,IAAC,MAAA,CAAK,SAAAO,CAAA,CAAM,CAAA,CAAA,CAAA,CAG5B"}