@wandelbots/wandelbots-js-react-components 2.59.0-pr.dev-fix-flaky-task.488.1957fef → 2.59.0

package/src/components/robots/robotModelLogic.ts

@@ -1,82 +1,13 @@
-import { NovaClient } from "@wandelbots/nova-js/v2"
 import type { Object3D } from "three"
 import type { GLTF } from "three-stdlib"
+import { version } from "../../../package.json"
 
-const modelCache = new Map<string, Promise<string>>()
-
-/**
- * Revoke a cached model's object URL to prevent memory leaks.
- * Call this when a component unmounts or no longer needs the model.
- */
-export async function revokeModelUrl(modelFromController: string): Promise<void> {
-  const urlPromise = modelCache.get(modelFromController)
-  if (!urlPromise) return
-
-  try {
-    const url = await urlPromise
-    URL.revokeObjectURL(url)
-  } catch (e) {
-    // Ignore errors - URL may already be revoked
-  }
-  modelCache.delete(modelFromController)
-}
-
-/**
- * Revoke all cached model object URLs and clear the cache.
- * Useful for cleanup on app teardown.
- */
-export async function revokeAllModelUrls(): Promise<void> {
-  const entries = Array.from(modelCache.entries())
-  await Promise.allSettled(
-    entries.map(async ([key, urlPromise]) => {
-      try {
-        const url = await urlPromise
-        URL.revokeObjectURL(url)
-      } catch (e) {
-        // Ignore errors
-      }
-    })
-  )
-  modelCache.clear()
-}
-
-export async function defaultGetModel(modelFromController: string): Promise<string> {
-  // Check cache first
-  if (modelCache.has(modelFromController)) {
-    return modelCache.get(modelFromController)!
+export function defaultGetModel(modelFromController: string): string {
+  let useVersion = version
+  if (version.startsWith("0.")) {
+    useVersion = ""
   }
-  
-  // Create the promise and cache it immediately to prevent duplicate calls
-  const modelPromise = (async () => {
-    const instanceUrl = import.meta.env.WANDELAPI_BASE_URL    
-    const nova = new NovaClient({ instanceUrl })
-    
-    // Configure axios to handle binary responses for GLB files
-    const apiInstance = nova.api.motionGroupModels as any
-    if (apiInstance.axios?.interceptors) {
-      apiInstance.axios.interceptors.request.use((config: any) => {
-        if (config.url?.includes('/glb')) {
-          config.responseType = 'blob'
-        }
-        return config
-      })
-    }
-    
-    try {
-      const file = await nova.api.motionGroupModels.getMotionGroupGlbModel(modelFromController)
-      
-      // Create object URL from the file and return it
-      const url = URL.createObjectURL(file)
-      return url
-    } catch (error) {
-      console.error("Failed to fetch model:", error)
-      throw error
-    }
-  })()
-  
-  // Cache the promise
-  modelCache.set(modelFromController, modelPromise)
-  return modelPromise
+  return `https://cdn.jsdelivr.net/gh/wandelbotsgmbh/wandelbots-js-react-components${useVersion ? `@${useVersion}` : ""}/public/models/${modelFromController}.glb`
 }
 
 /**

package/src/components/safetyBar/ControllerTypeIndicator.tsx

@@ -1,6 +1,5 @@
 import { useTheme, type PopoverOrigin } from "@mui/material"
 import { observer } from "mobx-react-lite"
-import { useId } from "react"
 import { Trans, useTranslation } from "react-i18next"
 import ControllerTypePhysicalIcon from "./icons/controller-type-physical.svg"
 import ControllerTypeVirtualIcon from "./icons/controller-type-virtual.svg"
@@ -23,13 +22,12 @@ export const ControllerTypeIndicator = observer(
     compact,
   }: ControllerTypeIndicatorProps) => {
     const theme = useTheme()
-    const componentId = useId()
     const { t } = useTranslation()
 
     if (isVirtual) {
       return (
         <IndicatorWithExplanation
-          id={`motion-group-virtual-${componentId}`}
+          id="motion-group-virtual"
           icon={ControllerTypeVirtualIcon}
           color={theme.palette.tertiary.main}
           name={t("SafetyBar.ControllerType.Virtual.lb")}
@@ -54,7 +52,7 @@ export const ControllerTypeIndicator = observer(
 
     return (
       <IndicatorWithExplanation
-        id={`motion-group-physical-${componentId}`}
+        id="motion-group-physical"
         icon={ControllerTypePhysicalIcon}
         color={theme.palette.primary.main}
         name={t("SafetyBar.ControllerType.Physical.lb")}

package/src/components/safetyBar/OperationModeIndicator.tsx

@@ -1,7 +1,6 @@
 import { useTheme, type PopoverOrigin } from "@mui/material"
-import type { OperationMode } from "@wandelbots/nova-js/v2"
+import type { RobotControllerStateOperationModeEnum } from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
-import { useId } from "react"
 import { Trans, useTranslation } from "react-i18next"
 import OperationModeAutomaticIcon from "./icons/operation-mode-automatic.svg"
 import OperationModeErrorIcon from "./icons/operation-mode-error.svg"
@@ -9,7 +8,7 @@ import OperationModeManualIcon from "./icons/operation-mode-manual.svg"
 import { IndicatorWithExplanation } from "./IndicatorWithExplanation"
 
 interface OperationModeIndicatorProps {
-  operationMode: OperationMode
+  operationMode: RobotControllerStateOperationModeEnum
   anchorOrigin?: PopoverOrigin
   transformOrigin?: PopoverOrigin
   compact: boolean
@@ -24,13 +23,12 @@ export const OperationModeIndicator = observer(
   }: OperationModeIndicatorProps) => {
     const { t } = useTranslation()
     const theme = useTheme()
-    const componentId = useId()
 
     switch (operationMode) {
       case "OPERATION_MODE_AUTO":
         return (
           <IndicatorWithExplanation
-            id={`operation-mode-auto-${componentId}`}
+            id="operation-mode-auto"
             icon={OperationModeAutomaticIcon}
             title={t("SafetyBar.OperationMode.ti")}
             name={t("SafetyBar.OperationMode.Automatic.ti")}
@@ -51,7 +49,7 @@ export const OperationModeIndicator = observer(
       case "OPERATION_MODE_MANUAL_T2": {
         return (
           <IndicatorWithExplanation
-            id={`operation-mode-manual-${componentId}`}
+            id="operation-mode-manual"
             icon={OperationModeManualIcon}
             color={theme.palette.warning.main}
             title={t("SafetyBar.OperationMode.ti")}
@@ -73,7 +71,7 @@ export const OperationModeIndicator = observer(
       default:
         return (
           <IndicatorWithExplanation
-            id={`operation-mode-error-${componentId}`}
+            id="operation-mode-error"
             icon={OperationModeErrorIcon}
             color={theme.palette.warning.main}
             title={t("SafetyBar.OperationMode.ti")}

package/src/components/safetyBar/SafetyBar.tsx

@@ -1,5 +1,8 @@
 import { Divider, Stack, type PopoverOrigin } from "@mui/material"
-import type { OperationMode, SafetyStateType } from "@wandelbots/nova-js/v2"
+import type {
+  RobotControllerStateOperationModeEnum,
+  RobotControllerStateSafetyStateEnum,
+} from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
 import { externalizeComponent } from "../../externalizeComponent"
 import { ControllerTypeIndicator } from "./ControllerTypeIndicator"
@@ -9,8 +12,8 @@ import { SafetyStateIndicator } from "./SafetyStateIndicator"
 export interface SafetyBarProps {
   isVirtual: boolean
   motionGroupId: string
-  operationMode: OperationMode
-  safetyState: SafetyStateType
+  operationMode: RobotControllerStateOperationModeEnum
+  safetyState: RobotControllerStateSafetyStateEnum
   anchorOrigin?: PopoverOrigin
   transformOrigin?: PopoverOrigin
   compact?: boolean

package/src/components/safetyBar/SafetyStateIndicator.tsx

@@ -1,7 +1,6 @@
 import { useTheme, type PopoverOrigin } from "@mui/material"
-import type { SafetyStateType } from "@wandelbots/nova-js/v2"
+import type { RobotControllerStateSafetyStateEnum } from "@wandelbots/nova-js/v1"
 import { observer } from "mobx-react-lite"
-import { useId } from "react"
 import { Trans, useTranslation } from "react-i18next"
 import { assertUnreachable } from "../utils/errorHandling"
 import SafetyStateErrorIcon from "./icons/safety-state-error.svg"
@@ -12,7 +11,7 @@ import SafetyStateStopIcon from "./icons/safety-state-stop.svg"
 import { IndicatorWithExplanation } from "./IndicatorWithExplanation"
 
 interface SafetyStateIndicatorProps {
-  safetyState: SafetyStateType
+  safetyState: RobotControllerStateSafetyStateEnum
   anchorOrigin?: PopoverOrigin
   transformOrigin?: PopoverOrigin
   compact: boolean
@@ -27,14 +26,13 @@ export const SafetyStateIndicator = observer(
   }: SafetyStateIndicatorProps) => {
     const { t } = useTranslation()
     const theme = useTheme()
-    const componentId = useId()
 
     switch (safetyState) {
       // Normal state, robot can move
       case "SAFETY_STATE_NORMAL":
         return (
           <IndicatorWithExplanation
-            id={`safety-state-normal-${componentId}`}
+            id="safety-state-normal"
             title={t("SafetyBar.SafetyState.ti")}
             name={t("SafetyBar.SafetyState.Normal.lb")}
             label={compact ? null : t("SafetyBar.SafetyState.Normal.lb")}
@@ -56,7 +54,7 @@ export const SafetyStateIndicator = observer(
       case "SAFETY_STATE_ROBOT_EMERGENCY_STOP":
         return (
           <IndicatorWithExplanation
-            id={`safety-state-estop-${componentId}`}
+            id="safety-state-estop"
             title={t("SafetyBar.SafetyState.ti")}
             name={t("SafetyBar.SafetyState.Estop.lb")}
             label={compact ? null : t("SafetyBar.SafetyState.Estop.lb")}
@@ -83,7 +81,7 @@ export const SafetyStateIndicator = observer(
       case "SAFETY_STATE_STOP":
         return (
           <IndicatorWithExplanation
-            id={`safety-state-stop-${componentId}`}
+            id="safety-state-stop"
             icon={SafetyStateStopIcon}
             title={t("SafetyBar.SafetyState.ti")}
             name={t("SafetyBar.SafetyState.Stop.lb")}
@@ -110,7 +108,7 @@ export const SafetyStateIndicator = observer(
       case "SAFETY_STATE_VIOLATION":
         return (
           <IndicatorWithExplanation
-            id={`safety-state-manual-action-required-${componentId}`}
+            id="safety-state-manual-action-required"
             icon={SafetyStateManualActionRequiredIcon}
             color={theme.palette.warning.main}
             title={t("SafetyBar.SafetyState.ti")}
@@ -137,7 +135,7 @@ export const SafetyStateIndicator = observer(
       case "SAFETY_STATE_FAULT":
         return (
           <IndicatorWithExplanation
-            id={`safety-state-error-${componentId}`}
+            id="safety-state-error"
             icon={SafetyStateErrorIcon}
             color={theme.palette.error.main}
             title={t("SafetyBar.SafetyState.ti")}

package/src/components/utils/errorHandling.ts

@@ -1,10 +1,6 @@
 import { AxiosError } from "axios"
 import { tryStringifyJson } from "./converters"
 
-// Please note: These helper functions also exist in nova.js
-// (with slightly different formatting), and will be unified
-// at some point in the future.
-
 export function delay(ms: number) {
   return new Promise((resolve) => setTimeout(resolve, ms))
 }

package/src/i18n/locales/de/translations.json

@@ -4,9 +4,6 @@
   "Jogging.Velocity.lb": "Geschwindigkeit",
   "General.degree.variable": "{{amount}}°",
   "General.mm.variable": "{{amount}} mm",
-  "Jogging.Blocked.ti": "Verbindung blockiert",
-  "Jogging.Blocked.lb": "Ein anderer Client kontrolliert das Jogging.",
-  "Jogging.Blocked.Reenable.bt": "Neu verbinden",
   "Jogging.Cartesian.MotionType.lb": "Bewegungstyp",
   "Jogging.Cartesian.Translation.bt": "Translation",
   "Jogging.Cartesian.Rotation.bt": "Rotation",

package/src/i18n/locales/en/translations.json

@@ -4,9 +4,6 @@
   "Jogging.Velocity.lb": "Velocity",
   "General.degree.variable": "{{amount}}°",
   "General.mm.variable": "{{amount}} mm",
-  "Jogging.Blocked.ti": "Connection blocked",
-  "Jogging.Blocked.lb": "Another client is currently controlling the jogging.",
-  "Jogging.Blocked.Reenable.bt": "Reconnect",
   "Jogging.Cartesian.MotionType.lb": "Motion type",
   "Jogging.Cartesian.Translation.bt": "Translation",
   "Jogging.Cartesian.Rotation.bt": "Rotation",

package/src/index.ts

@@ -1,4 +1,43 @@
-// Re-export all sub-entry points
-export * from "./3d"
-export * from "./core"
-export * from "./wandelscript"
+export { default as CollisionSceneRenderer } from "./components/3d-viewport/collider/CollisionSceneRenderer"
+export * from "./components/3d-viewport/PresetEnvironment"
+export * from "./components/3d-viewport/SafetyZonesRenderer"
+export * from "./components/3d-viewport/TrajectoryRenderer"
+export * from "./components/AppHeader"
+export * from "./components/CycleTimer"
+export * from "./components/Timer"
+export * from "./components/DataGrid"
+export * from "./components/jogging/JoggingCartesianAxisControl"
+export * from "./components/jogging/JoggingJointRotationControl"
+export * from "./components/jogging/JoggingPanel"
+export { JoggingStore } from "./components/jogging/JoggingStore"
+export * from "./components/jogging/PoseCartesianValues"
+export * from "./components/jogging/PoseJointValues"
+export * from "./components/LoadingCover"
+export * from "./components/LogPanel"
+export { LogStore } from "./components/LogStore"
+export * from "./components/LogViewer"
+export * from "./components/modal/NoMotionGroupModal"
+export * from "./components/ProgramControl"
+export * from "./components/ProgramStateIndicator"
+export * from "./components/RobotCard"
+export * from "./components/RobotListItem"
+export * from "./components/robots/AxisConfig"
+export {
+  MANUFACTURER_HOME_CONFIGS,
+  extractManufacturer,
+  getDefaultHomeConfig,
+} from "./components/robots/manufacturerHomePositions"
+export * from "./components/robots/Robot"
+export { defaultGetModel } from "./components/robots/robotModelLogic"
+export * from "./components/robots/SupportedRobot"
+export * from "./components/RobotSetupReadinessIndicator"
+export * from "./components/safetyBar/SafetyBar"
+export * from "./components/SelectableFab"
+export * from "./components/TabBar"
+export * from "./components/utils/hooks"
+export * from "./components/utils/interpolation"
+export * from "./components/VelocitySlider"
+export * from "./components/wandelscript-editor/WandelscriptEditor"
+export * from "./i18n/config"
+export * from "./themes/themeTypes"
+export { createNovaMuiTheme } from "./themes/theming"

package/dist/3d.cjs.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./manufacturerHomePositions-DRNjU1pU.cjs");exports.CollisionSceneRenderer=e.CollisionSceneRenderer;exports.MANUFACTURER_HOME_CONFIGS=e.MANUFACTURER_HOME_CONFIGS;exports.PresetEnvironment=e.PresetEnvironment;exports.Robot=e.Robot;exports.RobotCard=e.RobotCard;exports.SafetyZonesRenderer=e.SafetyZonesRenderer;exports.SupportedRobot=e.SupportedRobot;exports.TrajectoryRenderer=e.TrajectoryRenderer;exports.defaultAxisConfig=e.defaultAxisConfig;exports.defaultGetModel=e.defaultGetModel;exports.extractManufacturer=e.extractManufacturer;exports.getDefaultHomeConfig=e.getDefaultHomeConfig;
-//# sourceMappingURL=3d.cjs.js.map

package/dist/3d.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"3d.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/3d.d.ts

@@ -1,11 +0,0 @@
-export { default as CollisionSceneRenderer } from "./components/3d-viewport/collider/CollisionSceneRenderer";
-export * from "./components/3d-viewport/PresetEnvironment";
-export * from "./components/3d-viewport/SafetyZonesRenderer";
-export * from "./components/3d-viewport/TrajectoryRenderer";
-export * from "./components/RobotCard";
-export * from "./components/robots/AxisConfig";
-export { MANUFACTURER_HOME_CONFIGS, extractManufacturer, getDefaultHomeConfig, } from "./components/robots/manufacturerHomePositions";
-export * from "./components/robots/Robot";
-export { defaultGetModel } from "./components/robots/robotModelLogic";
-export * from "./components/robots/SupportedRobot";
-//# sourceMappingURL=3d.d.ts.map

package/dist/3d.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"3d.d.ts","sourceRoot":"","sources":["../src/3d.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0DAA0D,CAAA;AAC5G,cAAc,4CAA4C,CAAA;AAC1D,cAAc,8CAA8C,CAAA;AAC5D,cAAc,6CAA6C,CAAA;AAC3D,cAAc,wBAAwB,CAAA;AACtC,cAAc,gCAAgC,CAAA;AAC9C,OAAO,EACL,yBAAyB,EACzB,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,+CAA+C,CAAA;AACtD,cAAc,2BAA2B,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AACrE,cAAc,oCAAoC,CAAA"}

package/dist/3d.es.js

@@ -1,16 +0,0 @@
-import { C as o, M as r, P as t, R as s, a as n, S as d, b as R, T as f, d as C, c as i, e as l, g as u } from "./manufacturerHomePositions-BD6C5qZJ.js";
-export {
-  o as CollisionSceneRenderer,
-  r as MANUFACTURER_HOME_CONFIGS,
-  t as PresetEnvironment,
-  s as Robot,
-  n as RobotCard,
-  d as SafetyZonesRenderer,
-  R as SupportedRobot,
-  f as TrajectoryRenderer,
-  C as defaultAxisConfig,
-  i as defaultGetModel,
-  l as extractManufacturer,
-  u as getDefaultHomeConfig
-};
-//# sourceMappingURL=3d.es.js.map

package/dist/3d.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"3d.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/LoadingCover-6gWr11KP.js

@@ -1,88 +0,0 @@
-import { j as t } from "./externalizeComponent-Dc3fViZA.js";
-import { useTheme as c, Stack as i, CircularProgress as l, capitalize as g } from "@mui/material";
-import { lowerFirst as d } from "lodash-es";
-import { useState as u, useEffect as f } from "react";
-import { AxiosError as a } from "axios";
-function h(e) {
-  try {
-    return JSON.stringify(e);
-  } catch {
-    return;
-  }
-}
-function T(e, r) {
-  throw new Error(r + ` ${JSON.stringify(e)}`);
-}
-function x(e) {
-  var r, s, o, n;
-  return e instanceof a && e.code === "ERR_NETWORK" ? "Failed to connect to the server. Please check your internet connection." : e instanceof a && e.response ? `${(r = e.response) == null ? void 0 : r.status} ${(s = e.response) == null ? void 0 : s.statusText} from ${(o = e.response) == null ? void 0 : o.config.url}: ${JSON.stringify((n = e.response) == null ? void 0 : n.data)}` : e instanceof Error ? e.message : `Unexpected error: ${h(e) || e}`;
-}
-const k = (e) => {
-  const r = e.softTimeout || 3e3, [s, o] = u(!1), n = c();
-  return f(() => {
-    const m = setTimeout(() => {
-      o(!0);
-    }, r);
-    return () => clearTimeout(m);
-  }), /* @__PURE__ */ t.jsx(
-    i,
-    {
-      width: "100%",
-      height: "100%",
-      alignItems: "center",
-      justifyContent: "center",
-      sx: { color: n.palette.text.primary },
-      children: e.error ? /* @__PURE__ */ t.jsx(
-        w,
-        {
-          loadingMessage: e.message,
-          error: e.error
-        }
-      ) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-        /* @__PURE__ */ t.jsx(l, { sx: { marginBottom: "24px" } }),
-        !!e.message && /* @__PURE__ */ t.jsx("div", { children: e.message }),
-        /* @__PURE__ */ t.jsx(
-          i,
-          {
-            sx: {
-              visibility: s ? "visible" : "hidden",
-              marginTop: "1rem",
-              color: n.palette.text.secondary
-            },
-            children: "This is taking longer than expected..."
-          }
-        )
-      ] })
-    }
-  );
-}, w = (e) => {
-  const r = x(e.error), s = e.error instanceof Error ? e.error.stack : null, o = c();
-  return /* @__PURE__ */ t.jsxs(
-    i,
-    {
-      sx: {
-        maxHeight: "100%",
-        maxWidth: "min(100%, 800px)",
-        padding: 2,
-        overflow: "auto",
-        color: o.palette.error.main,
-        "& pre": {
-          whiteSpace: "pre-wrap",
-          wordBreak: "break-word",
-          paddingBottom: "3rem"
-        }
-      },
-      children: [
-        (e.loadingMessage ? `Error while ${d(g(e.loadingMessage))} - ` : "") + r,
-        /* @__PURE__ */ t.jsx("br", {}),
-        s && /* @__PURE__ */ t.jsx("pre", { children: s })
-      ]
-    }
-  );
-};
-export {
-  k as L,
-  w as a,
-  T as b
-};
-//# sourceMappingURL=LoadingCover-6gWr11KP.js.map

package/dist/LoadingCover-6gWr11KP.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingCover-6gWr11KP.js","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":";;;;;AAgBO,SAASA,EAAiBC,GAAmC;AAClE,MAAI;AACF,WAAO,KAAK,UAAUA,CAAI;AAAA,EAC5B,QAAQ;AACN;AAAA,EACF;AACF;ACCO,SAASC,EAAkBC,GAAUC,GAAoB;AAC9D,QAAM,IAAI,MAAMA,IAAM,IAAI,KAAK,UAAUD,CAAC,CAAC,EAAE;AAC/C;AAEO,SAASE,EAAiBC,GAAc;;AAC7C,SAAIA,aAAeC,KAAcD,EAAI,SAAS,gBACrC,4EACEA,aAAeC,KAAcD,EAAI,WACnC,IAAGE,IAAAF,EAAI,aAAJ,gBAAAE,EAAc,MAAM,KAAIC,IAAAH,EAAI,aAAJ,gBAAAG,EAAc,UAAU,UAASC,IAAAJ,EAAI,aAAJ,gBAAAI,EAAc,OAAO,GAAG,KAAK,KAAK,WAAUC,IAAAL,EAAI,aAAJ,gBAAAK,EAAc,IAAI,CAAC,KACzHL,aAAe,QACjBA,EAAI,UAEJ,qBAAqBN,EAAiBM,CAAG,KAAKA,CAAG;AAE5D;AChCO,MAAMM,IAAe,CAACC,MAIvB;AACJ,QAAMC,IAAcD,EAAM,eAAe,KAEnC,CAACE,GAAwBC,CAAyB,IAAIC,EAAS,EAAK,GACpEC,IAAQC,EAAA;AAEd,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAU,WAAW,MAAM;AAC/B,MAAAL,EAA0B,EAAI;AAAA,IAChC,GAAGF,CAAW;AAEd,WAAO,MAAM,aAAaO,CAAO;AAAA,EACnC,CAAC,GAGCC,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,IAAI,EAAE,OAAOL,EAAM,QAAQ,KAAK,QAAA;AAAA,MAE/B,YAAM,QACLI,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,gBAAgBX,EAAM;AAAA,UACtB,OAAOA,EAAM;AAAA,QAAA;AAAA,MAAA,IAGfY,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,QAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAiB,IAAI,EAAE,cAAc,UAAU;AAAA,QAC/C,CAAC,CAACd,EAAM,WAAWS,gBAAAA,EAAAA,IAAC,OAAA,EAAK,YAAM,SAAQ;AAAA,QACxCA,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,YAAYR,IAAyB,YAAY;AAAA,cACjD,WAAW;AAAA,cACX,OAAOG,EAAM,QAAQ,KAAK;AAAA,YAAA;AAAA,YAG3B,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAIR,GAEaM,IAAsB,CAACX,MAG9B;AACJ,QAAMe,IAAevB,EAAiBQ,EAAM,KAAK,GAC3CgB,IAAQhB,EAAM,iBAAiB,QAAQA,EAAM,MAAM,QAAQ,MAC3DK,IAAQC,EAAA;AAEd,SACEM,gBAAAA,EAAAA;AAAAA,IAACF;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,QACF,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAOL,EAAM,QAAQ,MAAM;AAAA,QAC3B,SAAS;AAAA,UACP,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,eAAe;AAAA,QAAA;AAAA,MACjB;AAAA,MAGA,UAAA;AAAA,SAAAL,EAAM,iBACJ,eAAeiB,EAAWC,EAAWlB,EAAM,cAAc,CAAC,CAAC,QAC3D,MAAMe;AAAA,8BACT,MAAA,EAAG;AAAA,QACHC,KAASP,gBAAAA,EAAAA,IAAC,OAAA,EAAK,UAAAO,EAAA,CAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5B;"}

package/dist/LoadingCover-CukpS_aj.cjs

@@ -1,2 +0,0 @@
-"use strict";const t=require("./externalizeComponent-CkVWk2F_.cjs"),o=require("@mui/material"),l=require("lodash-es"),a=require("react"),c=require("axios");function m(e){try{return JSON.stringify(e)}catch{return}}function g(e,r){throw new Error(r+` ${JSON.stringify(e)}`)}function d(e){var r,s,n,i;return e instanceof c.AxiosError&&e.code==="ERR_NETWORK"?"Failed to connect to the server. Please check your internet connection.":e instanceof c.AxiosError&&e.response?`${(r=e.response)==null?void 0:r.status} ${(s=e.response)==null?void 0:s.statusText} from ${(n=e.response)==null?void 0:n.config.url}: ${JSON.stringify((i=e.response)==null?void 0:i.data)}`:e instanceof Error?e.message:`Unexpected error: ${m(e)||e}`}const h=e=>{const r=e.softTimeout||3e3,[s,n]=a.useState(!1),i=o.useTheme();return a.useEffect(()=>{const x=setTimeout(()=>{n(!0)},r);return()=>clearTimeout(x)}),t.jsxRuntimeExports.jsx(o.Stack,{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",sx:{color:i.palette.text.primary},children:e.error?t.jsxRuntimeExports.jsx(u,{loadingMessage:e.message,error:e.error}):t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(o.CircularProgress,{sx:{marginBottom:"24px"}}),!!e.message&&t.jsxRuntimeExports.jsx("div",{children:e.message}),t.jsxRuntimeExports.jsx(o.Stack,{sx:{visibility:s?"visible":"hidden",marginTop:"1rem",color:i.palette.text.secondary},children:"This is taking longer than expected..."})]})})},u=e=>{const r=d(e.error),s=e.error instanceof Error?e.error.stack:null,n=o.useTheme();return t.jsxRuntimeExports.jsxs(o.Stack,{sx:{maxHeight:"100%",maxWidth:"min(100%, 800px)",padding:2,overflow:"auto",color:n.palette.error.main,"& pre":{whiteSpace:"pre-wrap",wordBreak:"break-word",paddingBottom:"3rem"}},children:[(e.loadingMessage?`Error while ${l.lowerFirst(o.capitalize(e.loadingMessage))} - `:"")+r,t.jsxRuntimeExports.jsx("br",{}),s&&t.jsxRuntimeExports.jsx("pre",{children:s})]})};exports.LoadingCover=h;exports.LoadingErrorMessage=u;exports.assertUnreachable=g;
-//# sourceMappingURL=LoadingCover-CukpS_aj.cjs.map

package/dist/LoadingCover-CukpS_aj.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingCover-CukpS_aj.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":"4JAgBO,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"}