dirk-cfx-react 1.0.35 → 1.0.37

package/dist/index.js

@@ -1,5 +1,5 @@
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { createTheme, Flex, Text, Image, MantineProvider, BackgroundImage, useMantineTheme } from '@mantine/core';
+import { createTheme, Flex, Text, Image, MantineProvider, BackgroundImage, useMantineTheme, alpha } from '@mantine/core';
 import { createContext, useRef, useEffect, useMemo, useState, useContext } from 'react';
 import '@mantine/core/styles.css';
 import '@mantine/notifications/styles.css';
@@ -163,11 +163,11 @@ var colorNames = {
   Yellow: { r: 255, g: 255, b: 0 },
   YellowGreen: { r: 154, g: 205, b: 50 }
 };
-function colorWithAlpha(color, alpha) {
+function colorWithAlpha(color, alpha2) {
   const lowerCasedColor = color.toLowerCase();
   if (colorNames[lowerCasedColor]) {
     const rgb = colorNames[lowerCasedColor];
-    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha})`;
+    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha2})`;
   }
   if (/^#([A-Fa-f0-9]{6})$/.test(color)) {
     const hex = color.slice(1);
@@ -175,12 +175,12 @@ function colorWithAlpha(color, alpha) {
     const r = bigint >> 16 & 255;
     const g = bigint >> 8 & 255;
     const b = bigint & 255;
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+    return `rgba(${r}, ${g}, ${b}, ${alpha2})`;
   }
   if (/^rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)$/.test(color)) {
     const result = color.match(/^rgb\((\d{1,3}), (\d{1,3}), (\d{1,3})\)$/);
     if (result) {
-      return `rgba(${result[1]}, ${result[2]}, ${result[3]}, ${alpha})`;
+      return `rgba(${result[1]}, ${result[2]}, ${result[3]}, ${alpha2})`;
     }
   }
   return color;
@@ -234,8 +234,6 @@ var useNuiEvent = (action, handler) => {
     return () => window.removeEventListener("message", eventListener);
   }, [action]);
 };
-
-// src/utils/fetchNui.ts
 async function fetchNui(eventName, data, mockData) {
   const options = {
     method: "post",
@@ -244,8 +242,9 @@ async function fetchNui(eventName, data, mockData) {
     },
     body: JSON.stringify(data)
   };
-  if (isEnvBrowser() && mockData !== void 0) return mockData;
-  if (isEnvBrowser()) {
+  console.log(mockData);
+  if (isEnvBrowser() && mockData) return mockData;
+  if (isEnvBrowser() && mockData === void 0) {
     console.warn(
       `[fetchNui] Called fetchNui for event "${eventName}" in browser environment without mockData. Returning empty object.`
     );
@@ -253,20 +252,31 @@ async function fetchNui(eventName, data, mockData) {
   }
   const resourceName = window.GetParentResourceName ? window.GetParentResourceName() : "nui-frame-app";
   const resp = await fetch(`https://${resourceName}/${eventName}`, options);
-  const respFormatted = await resp.json();
-  return respFormatted;
+  return await resp.json();
 }
-function fetchOnLoad(eventName, data, mockData) {
-  return fetchNui(eventName, data, mockData).catch((err) => {
-    console.error(`[fetchOnLoad] Failed for ${eventName}:`, err);
-    throw err;
-  });
+var initialFetches = {};
+async function registerInitialFetch(eventName, data, mockData) {
+  const fetcher = () => fetchNui(eventName, data, mockData);
+  initialFetches[eventName] = fetcher;
+  return fetcher();
 }
-var fetchLuaTable = (tableName) => () => {
-  if (isEnvBrowser()) {
-    return Promise.resolve({});
-  }
-  return fetchNui("GET_LUA_TABLE", { tableName });
+async function runFetches() {
+  return Promise.all(
+    Object.entries(initialFetches).map(async ([eventName, fetcher]) => {
+      const data = await fetcher();
+      return { eventName, data };
+    })
+  );
+}
+var useAutoFetcher = () => {
+  useEffect(() => {
+    if (isEnvBrowser()) return;
+    const run = async () => {
+      const results = await runFetches();
+      console.log("[useAutoFetcher] Fetched initial data:", results);
+    };
+    run();
+  }, []);
 };
 
 // src/utils/internalEvent.ts
@@ -302,9 +312,454 @@ var localeStore = create((set, get) => {
   };
 });
 var locale = localeStore.getState().locale;
-fetchOnLoad("GET_LOCALES").then((data) => {
+registerInitialFetch("GET_LOCALES", void 0).then((data) => {
   localeStore.setState({ locales: data });
 });
+var useProfanityStore = create(() => [
+  "ars3",
+  "a55",
+  "a55hole",
+  "ahole",
+  "anus",
+  "ash0le",
+  "ash0les",
+  "asholes",
+  "4r5e",
+  "5h1t",
+  "5hit",
+  "a55",
+  "anal",
+  "anus",
+  "ar5e",
+  "arrse",
+  "arse",
+  "ass",
+  "ass-fucker",
+  "asses",
+  "assfucker",
+  "assfukka",
+  "asshole",
+  "assholes",
+  "asswhole",
+  "a_s_s",
+  "b!tch",
+  "b00bs",
+  "b17ch",
+  "b1tch",
+  "ballsack",
+  "beastial",
+  "beastiality",
+  "bestial",
+  "bestiality",
+  "bi+ch",
+  "biatch",
+  "bitch",
+  "bitcher",
+  "bitchers",
+  "bitches",
+  "bitchin",
+  "bitching",
+  "blow job",
+  "blowjob",
+  "blowjobs",
+  "boiolas",
+  "bollock",
+  "bollok",
+  "boner",
+  "boob",
+  "boobs",
+  "booobs",
+  "boooobs",
+  "booooobs",
+  "booooooobs",
+  "breasts",
+  "buceta",
+  "bunny fucker",
+  "butthole",
+  "buttmuch",
+  "buttplug",
+  "c0ck",
+  "c0cksucker",
+  "carpet muncher",
+  "chink",
+  "cipa",
+  "cl1t",
+  "clit",
+  "clitoris",
+  "clits",
+  "cnut",
+  "cock",
+  "cock-sucker",
+  "cockface",
+  "cockhead",
+  "cockmunch",
+  "cockmuncher",
+  "cocks",
+  "cocksuck",
+  "cocksucked",
+  "cocksucker",
+  "cocksucking",
+  "cocksucks",
+  "cocksuka",
+  "cocksukka",
+  "cokmuncher",
+  "coksucka",
+  "coon",
+  "cum",
+  "cummer",
+  "cumming",
+  "cums",
+  "cumshot",
+  "cunilingus",
+  "cunillingus",
+  "cunnilingus",
+  "cunt",
+  "cuntlick",
+  "cuntlicker",
+  "cuntlicking",
+  "cunts",
+  "cyalis",
+  "cyberfuc",
+  "cyberfuck",
+  "cyberfucked",
+  "cyberfucker",
+  "cyberfuckers",
+  "cyberfucking",
+  "d1ck",
+  "dlck",
+  "dog-fucker",
+  "doggin",
+  "dogging",
+  "donkeyribber",
+  "dyke",
+  "ejaculate",
+  "ejaculated",
+  "ejaculates",
+  "ejaculating",
+  "ejaculatings",
+  "ejaculation",
+  "ejakulate",
+  "f u c k",
+  "f u c k e r",
+  "f4nny",
+  "fag",
+  "fagging",
+  "faggitt",
+  "faggot",
+  "faggs",
+  "fagot",
+  "fagots",
+  "fags",
+  "fannyflaps",
+  "fannyfucker",
+  "fatass",
+  "fcuk",
+  "fcuker",
+  "fcuking",
+  "feck",
+  "fecker",
+  "felching",
+  "fellate",
+  "fellatio",
+  "fingerfuck",
+  "fingerfucked",
+  "fingerfucker",
+  "fingerfuckers",
+  "fingerfucking",
+  "fingerfucks",
+  "fistfuck",
+  "fistfucked",
+  "fistfucker",
+  "fistfuckers",
+  "fistfucking",
+  "fistfuckings",
+  "fistfucks",
+  "fuck",
+  "fucka",
+  "fucked",
+  "fucker",
+  "fuckers",
+  "fuckhead",
+  "fuckheads",
+  "fuckin",
+  "fucking",
+  "fuckings",
+  "fuckingshitmotherfucker",
+  "fuckme",
+  "fucks",
+  "fuckwhit",
+  "fuckwit",
+  "fudge packer",
+  "fudgepacker",
+  "fuk",
+  "fuker",
+  "fukker",
+  "fukkin",
+  "fuks",
+  "fukwhit",
+  "fukwit",
+  "fux",
+  "fux0r",
+  "f_u_c_k",
+  "gangbang",
+  "gangbanged",
+  "gangbangs",
+  "gaysex",
+  "God",
+  "god-dam",
+  "god-damned",
+  "goddamn",
+  "goddamned",
+  "homo",
+  "jack-off",
+  "jerk-off",
+  "l3i+ch",
+  "l3itch",
+  "labia",
+  "lusting",
+  "m0f0",
+  "m0fo",
+  "m45terbate",
+  "ma5terb8",
+  "ma5terbate",
+  "masochist",
+  "master-bate",
+  "masterb8",
+  "masterbat*",
+  "masterbat3",
+  "masterbate",
+  "masterbation",
+  "masterbations",
+  "masturbate",
+  "mo-fo",
+  "mof0",
+  "mothafuck",
+  "mothafucka",
+  "mothafuckas",
+  "mothafuckaz",
+  "mothafucked",
+  "mothafucker",
+  "mothafuckers",
+  "mothafuckin",
+  "mothafucking",
+  "mothafuckings",
+  "mothafucks",
+  "mother fucker",
+  "motherfuck",
+  "motherfucked",
+  "motherfucker",
+  "motherfuckers",
+  "motherfuckin",
+  "motherfucking",
+  "motherfuckings",
+  "motherfuckka",
+  "motherfucks",
+  "muthafecker",
+  "muthafuckker",
+  "mutherfucker",
+  "n1gga",
+  "n1gger",
+  "nazi",
+  "nigg3r",
+  "nigg4h",
+  "nigga",
+  "niggah",
+  "niggas",
+  "niggaz",
+  "nigger",
+  "niggers",
+  "nob jokey",
+  "nobjocky",
+  "nobjokey",
+  "orgasim",
+  "orgasims",
+  "orgasm",
+  "orgasms",
+  "p0rn",
+  "penis",
+  "penisfucker",
+  "phonesex",
+  "phuck",
+  "phuked",
+  "phuking",
+  "phukked",
+  "phukking",
+  "phuks",
+  "phuq",
+  "pigfucker",
+  "pimpis",
+  "piss",
+  "pissed",
+  "pisser",
+  "pissers",
+  "pisses",
+  "pissflaps",
+  "pissin",
+  "pissing",
+  "pissoff",
+  "poop",
+  "porn",
+  "porno",
+  "pornography",
+  "pornos",
+  "prick",
+  "pricks",
+  "pron",
+  "pube",
+  "pusse",
+  "pussi",
+  "pussies",
+  "pussy",
+  "pussys",
+  "rectum",
+  "retard",
+  "rimjaw",
+  "rimming",
+  "s hit",
+  "s.o.b.",
+  "scroat",
+  "scrote",
+  "scrotum",
+  "semen",
+  "sex",
+  "sh!+",
+  "sh!t",
+  "sh1t",
+  "shemale",
+  "shit",
+  "shitdick",
+  "shite",
+  "shited",
+  "shitey",
+  "shitfuck",
+  "shitfull",
+  "shithead",
+  "shiting",
+  "shitings",
+  "shits",
+  "shitted",
+  "shitter",
+  "shitters",
+  "shitting",
+  "shittings",
+  "shitty",
+  "skank",
+  "slut",
+  "sluts",
+  "smegma",
+  "smut",
+  "son-of-a-bitch",
+  "spac",
+  "s_h_i_t",
+  "t1tt1e5",
+  "t1tties",
+  "teets",
+  "teez",
+  "testical",
+  "testicle",
+  "titfuck",
+  "tits",
+  "titt",
+  "tittie5",
+  "tittiefucker",
+  "titties",
+  "tittyfuck",
+  "tittywank",
+  "titwank",
+  "tosser",
+  "tw4t",
+  "twat",
+  "twathead",
+  "twatty",
+  "twunt",
+  "twunter",
+  "v14gra",
+  "v1gra",
+  "vagina",
+  "viagra",
+  "vulva",
+  "w00se",
+  "whoar",
+  "whore",
+  "xrated"
+]);
+var isProfanity = (word) => {
+  const all = useProfanityStore.getState();
+  const profanityArray = Array.isArray(all) ? all : typeof all === "object" && all !== null ? Object.values(all) : [];
+  return profanityArray.includes(word);
+};
+function calculateXPForLevel(level, settings) {
+  if (level < settings.baseLevel) return 0;
+  if (level === 1) return 0;
+  if (level === 2) return settings.baseXP;
+  let totalXP = settings.baseXP;
+  for (let i = 2; i <= level - 1; i++) {
+    const baseRuneScapeXP = Math.floor((i + 300 * 2 ** (i / 7)) / 4);
+    totalXP += baseRuneScapeXP * settings.modifier;
+  }
+  return Math.floor(totalXP);
+}
+function generateLevelMap(settings) {
+  const levelMap = {};
+  for (let level = settings.baseLevel; level <= settings.maxLevel; level++) {
+    levelMap[level.toString()] = calculateXPForLevel(level, settings);
+  }
+  return levelMap;
+}
+function getLevelFromXP(xp, levelMap, settings) {
+  for (let level = settings.baseLevel; level <= settings.maxLevel; level++) {
+    const xpForLevel = levelMap[level.toString()];
+    if (xpForLevel > xp) return level - 1;
+  }
+  return settings.maxLevel;
+}
+function createSkill(defaultSettings) {
+  const useStore2 = create((set) => ({
+    settings: defaultSettings,
+    levelMap: generateLevelMap(defaultSettings),
+    setSettings: (updater) => set((state) => {
+      const newSettings = typeof updater === "function" ? updater(state.settings) : updater;
+      return {
+        settings: newSettings,
+        levelMap: generateLevelMap(newSettings)
+      };
+    })
+  }));
+  const useSkill = (xp) => {
+    const { settings, levelMap } = useStore2();
+    return useMemo(() => {
+      const currentLevel = getLevelFromXP(xp, levelMap, settings);
+      const nextLevel = Math.min(currentLevel + 1, settings.maxLevel);
+      const currentLevelXP = levelMap[currentLevel.toString()] || 0;
+      const nextLevelXP = levelMap[nextLevel.toString()] || 0;
+      const xpInCurrentLevel = xp - currentLevelXP;
+      const xpRequiredForLevel = nextLevelXP - currentLevelXP;
+      const progressToLevel = xpRequiredForLevel > 0 ? xpInCurrentLevel / xpRequiredForLevel * 100 : 100;
+      const xpToNextLevel = Math.max(0, nextLevelXP - xp);
+      return {
+        currentLevel,
+        nextLevel,
+        currentLevelXP,
+        nextLevelXP,
+        progressToLevel: Math.min(100, Math.max(0, progressToLevel)),
+        xpToNextLevel
+      };
+    }, [xp, levelMap, settings]);
+  };
+  const skill = {
+    get settings() {
+      return useStore2.getState().settings;
+    },
+    setSettings: (updater) => {
+      useStore2.getState().setSettings(updater);
+    },
+    useSettings: () => useStore2((state) => state.settings)
+  };
+  return {
+    skill,
+    useSkill
+  };
+}
 var theme = createTheme({
   primaryColor: "dirk",
   primaryShade: 9,
@@ -424,9 +879,10 @@ var theme = createTheme({
 var theme_default = theme;
 library.add(fas, far, fab);
 var useSettings = create((set) => ({
-  game: "rdr3",
-  primaryColor: "teal",
-  primaryShade: 6,
+  game: "fivem",
+  primaryColor: "dirk",
+  primaryShade: 9,
+  itemImgPath: "https://assets.dirkcfx.com/items/",
   customTheme: {}
 }));
 function DirkProvider(props) {
@@ -450,6 +906,7 @@ function DirkProvider(props) {
       console.log(`Game set to ${game}, applied corresponding font family.: ${document.body.style.fontFamily}`);
     });
   }, [game]);
+  useAutoFetcher();
   return /* @__PURE__ */ jsx(MantineProvider, { theme: mergedTheme, defaultColorScheme: "dark", children: /* @__PURE__ */ jsx(Wrapper, { children: props.children }) });
 }
 function Wrapper({ children }) {
@@ -957,7 +1414,7 @@ function SegmentedControl(props) {
       bg: "rgba(33, 33, 33, 0.6)",
       w: props.w || "fit-content",
       style: {
-        borderRadius: theme2.radius.xs,
+        borderRadius: props.enableRadius !== false ? theme2.radius.xs : 0,
         overflow: "hidden"
       },
       ...props,
@@ -981,6 +1438,7 @@ function SegmentedControl(props) {
               icon: item.icon,
               rightSection: item.rightSection,
               fz: props.fz,
+              color: props.color,
               selected: !props.multi ? props.value === item.value : Array.isArray(props.value) && props.value.includes(item.value),
               onClick: () => {
                 if (props.multi) {
@@ -1009,7 +1467,7 @@ function Segment(props) {
       direction: "column",
       align: "center",
       h: "100%",
-      bg: props.selected ? colorWithAlpha(theme2.colors[theme2.primaryColor][theme2.primaryShade], 0.2) : "transparent",
+      bg: props.selected ? props.color ? alpha(props.color, 0.2) : colorWithAlpha(theme2.colors[theme2.primaryColor][theme2.primaryShade], 0.2) : "transparent",
       pos: "relative",
       style: {
         // position: "relative",
@@ -1031,10 +1489,10 @@ function Segment(props) {
                 {
                   icon: props.icon,
                   initial: {
-                    color: props.selected ? theme2.colors[theme2.primaryColor][5] : "inherit"
+                    color: props.selected ? props.color || theme2.colors[theme2.primaryColor][5] : "inherit"
                   },
                   animate: {
-                    color: props.selected ? theme2.colors[theme2.primaryColor][5] : "inherit"
+                    color: props.selected ? props.color || theme2.colors[theme2.primaryColor][5] : "inherit"
                   },
                   exit: {
                     color: "inherit"
@@ -1050,10 +1508,10 @@ function Segment(props) {
                 {
                   size: props.fz || "xs",
                   initial: {
-                    color: props.selected ? theme2.colors[theme2.primaryColor][5] : "inherit"
+                    color: props.selected ? props.color || theme2.colors[theme2.primaryColor][5] : "inherit"
                   },
                   animate: {
-                    color: props.selected ? theme2.colors[theme2.primaryColor][5] : "inherit"
+                    color: props.selected ? props.color || theme2.colors[theme2.primaryColor][5] : "inherit"
                   },
                   exit: {
                     color: "inherit"
@@ -1089,7 +1547,7 @@ function Segment(props) {
               left: 0,
               right: 0,
               height: "0.2vh",
-              backgroundColor: theme2.colors[theme2.primaryColor][5],
+              backgroundColor: props.color || theme2.colors[theme2.primaryColor][5],
               transformOrigin: "center"
             }
           }
@@ -1219,7 +1677,6 @@ function Title(props) {
   return /* @__PURE__ */ jsx(
     Flex,
     {
-      mt: props.mt,
       direction: "column",
       bg: props.bg || "transparent",
       gap: "xs",
@@ -1293,6 +1750,6 @@ function Title(props) {
   );
 }
 
-export { BorderedIcon, Counter, DirkProvider, FloatingParticles, InfoBox, InputContainer, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, Segment, SegmentedControl, SegmentedProgress, Title, TornEdgeSVGFilter, colorWithAlpha, copyToClipboard, fetchLuaTable, fetchNui, fetchOnLoad, internalEvent, isEnvBrowser, locale, localeStore, noop, numberToRoman, openLink, splitFAString, useNavigation, useNavigationStore, useNuiEvent, useSettings, useTornEdges };
+export { BorderedIcon, Counter, DirkProvider, FloatingParticles, InfoBox, InputContainer, MotionFlex, MotionIcon, MotionImage, MotionText, NavBar, NavigationContext, NavigationProvider, SegmentedControl, SegmentedProgress, Title, TornEdgeSVGFilter, colorWithAlpha, copyToClipboard, createSkill, fetchNui, initialFetches, internalEvent, isEnvBrowser, isProfanity, locale, localeStore, noop, numberToRoman, openLink, registerInitialFetch, runFetches, splitFAString, useAutoFetcher, useNavigation, useNavigationStore, useNuiEvent, useProfanityStore, useSettings, useTornEdges };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map