@wandelbots/wandelbots-js-react-components 5.5.1-pr.fix-standardize-output.591.1380385 → 5.5.1

package/src/components/utils/errorHandling.ts

@@ -0,0 +1,38 @@
+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))
+}
+
+export function makeShortErrorMessage(err: unknown) {
+  if (err instanceof AxiosError && err.code === "ERR_NETWORK") {
+    return "Failed to connect to the server. Please check your internet connection."
+  } else if (err instanceof AxiosError && err.response) {
+    return `${err.response?.status} ${err.response?.statusText}: ${JSON.stringify(err.response?.data)}`
+  } else if (err instanceof Error) {
+    return err.message
+  } else {
+    return `Unexpected error: ${err}`
+  }
+}
+
+export function assertUnreachable(x: never, msg: string): never {
+  throw new Error(`${msg} ${JSON.stringify(x)}`)
+}
+
+export function makeErrorMessage(err: unknown) {
+  if (err instanceof AxiosError && err.code === "ERR_NETWORK") {
+    return "Failed to connect to the server. Please check your internet connection."
+  } else if (err instanceof AxiosError && err.response) {
+    return `${err.response?.status} ${err.response?.statusText} from ${err.response?.config.url}: ${JSON.stringify(err.response?.data)}`
+  } else if (err instanceof Error) {
+    return err.message
+  } else {
+    return `Unexpected error: ${tryStringifyJson(err) || err}`
+  }
+}

package/src/components/utils/hooks.tsx

@@ -0,0 +1,55 @@
+import { autorun, reaction } from "mobx"
+import { useEffect, type EffectCallback } from "react"
+
+/**
+ * Run code once on component mount. Shorthand for useEffect(effect, []).
+ */
+export function useMounted(effect: EffectCallback) {
+  // biome-ignore lint/correctness/useExhaustiveDependencies: pre-biome code
+  useEffect(effect, [])
+}
+
+/**
+ * Initialize a mobx autorun watcher on component mount, and
+ * clean it up when the component unmounts.
+ */
+export function useAutorun(view: Parameters<typeof autorun>[0]) {
+  useMounted(() => {
+    return autorun(view)
+  })
+}
+
+/**
+ * Initialize a mobx reaction watcher on component mount, and
+ * clean it up when the component unmounts.
+ */
+export function useReaction<T>(
+  expression: Parameters<typeof reaction<T>>[0],
+  effect: Parameters<typeof reaction<T>>[1],
+  opts?: Parameters<typeof reaction<T>>[2],
+) {
+  useMounted(() => {
+    return reaction(expression, effect, opts)
+  })
+}
+
+/**
+ * Run a callback on every animation frame. Cleans up
+ * after component unmount.
+ */
+export function useAnimationFrame(callback: () => void) {
+  return useMounted(() => {
+    let frameId: number
+
+    function frame() {
+      callback()
+      frameId = requestAnimationFrame(frame)
+    }
+
+    frameId = requestAnimationFrame(frame)
+
+    return () => {
+      cancelAnimationFrame(frameId)
+    }
+  })
+}