dirk-cfx-react 1.1.41 → 1.1.43

package/dist/index.js

@@ -2,16 +2,16 @@ import React3, { createContext, useEffect, useRef, useState, useContext, useLayo
 import { create, useStore, createStore } from 'zustand';
 import axios from 'axios';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { Flex, Text, Image as Image$1, createTheme, Box, Code, useMantineTheme, alpha, Progress, RingProgress, Button, MantineProvider, BackgroundImage } from '@mantine/core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { Flex, Text, Image as Image$1, createTheme, Box, Stack, Title as Title$1, Code, useMantineTheme, alpha, Progress, RingProgress, Button, MantineProvider, BackgroundImage } from '@mantine/core';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { motion, AnimatePresence, useMotionValue } from 'framer-motion';
 import clickSoundUrl from './click_sound-PNCRRTM4.mp3';
 import hoverSoundUrl from './hover_sound-NBUA222C.mp3';
 import { useClickOutside } from '@mantine/hooks';
 import '@mantine/core/styles.css';
 import '@mantine/notifications/styles.css';
-import './styles/notify.css';
 import './styles/fonts.css';
+import './styles/notify.css';
 import './styles/scrollBar.css';
 import './styles/tornEdge.css';
 import { library } from '@fortawesome/fontawesome-svg-core';
@@ -238,15 +238,6 @@ var useSettings = create(() => ({
     "#0b33ff"
   ]
 }));
-registerInitialFetch("GET_SETTINGS", void 0).then((data) => {
-  if (!data) {
-    console.warn("No settings data received from GET_SETTINGS fetch.");
-    return;
-  }
-  useSettings.setState({
-    ...data
-  });
-});
 
 // src/utils/fetchNui.ts
 async function fetchNui(eventName, data, mockData) {
@@ -2469,23 +2460,56 @@ function mergeMantineThemeSafe(base, custom, override) {
 var DirkErrorBoundary = class extends React3.Component {
   constructor() {
     super(...arguments);
-    __publicField(this, "state", { error: null });
+    __publicField(this, "state", { error: null, stack: void 0 });
   }
   static getDerivedStateFromError(error2) {
     return { error: error2 };
   }
   componentDidCatch(error2, info) {
     console.group("\u{1F525} Dirk UI Crash");
-    console.error(error2);
-    console.error(info.componentStack);
+    console.error("Error:", error2);
+    console.error("Component Stack:", info.componentStack);
     console.groupEnd();
   }
   render() {
     if (!this.state.error) return this.props.children;
-    return /* @__PURE__ */ jsxs(Box, { p: "md", bg: "dark.8", children: [
-      /* @__PURE__ */ jsx(Text, { c: "red", fw: 600, children: "UI crashed" }),
-      /* @__PURE__ */ jsx(Code, { block: true, mt: "sm", children: this.state.error.message })
-    ] });
+    return /* @__PURE__ */ jsx(
+      Box,
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          width: "100vw",
+          height: "100vh",
+          background: "rgba(10, 10, 12, 0.92)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          padding: "2rem",
+          zIndex: 999999
+        },
+        children: /* @__PURE__ */ jsx(
+          Box,
+          {
+            maw: 900,
+            w: "100%",
+            p: "lg",
+            style: {
+              background: "rgba(20,20,24,0.75)",
+              border: "1px solid rgba(255,255,255,0.08)",
+              borderRadius: "10px",
+              boxShadow: "0 10px 40px rgba(0,0,0,0.6)"
+            },
+            children: /* @__PURE__ */ jsxs(Stack, { gap: "sm", children: [
+              /* @__PURE__ */ jsx(Title$1, { order: 2, c: "red.5", children: "Dirk UI Crash" }),
+              /* @__PURE__ */ jsx(Text, { c: "dimmed", size: "sm", children: "The interface encountered a fatal error and stopped rendering." }),
+              /* @__PURE__ */ jsx(Code, { block: true, style: { maxHeight: 150, overflow: "auto" }, children: this.state.error?.message }),
+              /* @__PURE__ */ jsx(Text, { size: "xs", c: "dimmed", children: "Check console for full stack trace" })
+            ] })
+          }
+        )
+      }
+    );
   }
 };
 library.add(fas, far, fab);
@@ -2501,6 +2525,17 @@ function DirkProvider({ children, overideResourceName, themeOverride }) {
       overideResourceName
     });
   }, [overideResourceName]);
+  useEffect(() => {
+    fetchNui("NUI_READY").catch(() => {
+    });
+    fetchNui("GET_SETTINGS").then((data) => {
+      useSettings.setState({
+        ...data
+      });
+    }).catch((err) => {
+      console.error("Failed to fetch initial settings within dirk-cfx-react:", err);
+    });
+  }, []);
   const mergedTheme = useMemo(
     () => mergeMantineThemeSafe(
       { ...theme_default, primaryColor, primaryShade },