dirk-cfx-react 1.1.92 → 1.1.94

package/dist/hooks/index.js

@@ -1,703 +1,7 @@
-import { create, createStore, useStore } from 'zustand';
-import clickSoundUrl from '../click_sound-PNCRRTM4.mp3';
-import hoverSoundUrl from '../hover_sound-NBUA222C.mp3';
-import { createContext, useRef, useEffect, useContext, useMemo, useState } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { z } from 'zod';
-import { useQuery, keepPreviousData } from '@tanstack/react-query';
-
-// src/hooks/useAudio/store.ts
-var useAudio = create(() => {
-  const audioRefs = {};
-  const sounds = {
-    click: clickSoundUrl,
-    hover: hoverSoundUrl
-  };
-  for (const [key, src] of Object.entries(sounds)) {
-    audioRefs[key] = new Audio(src);
-  }
-  return {
-    play: (sound) => {
-      const audio = audioRefs[sound];
-      if (!audio) return console.warn(`Sound '${sound}' not found.`);
-      audio.currentTime = 0;
-      audio.volume = 0.1;
-      audio.play();
-    },
-    stop: (sound) => {
-      const audio = audioRefs[sound];
-      if (!audio) return console.warn(`Sound '${sound}' not found.`);
-      audio.pause();
-      audio.currentTime = 0;
-    }
-  };
-});
-
-// src/utils/misc.ts
-var isEnvBrowser = () => !window.invokeNative;
-var noop = () => {
-};
-
-// src/hooks/useNuiEvent.ts
-var useNuiEvent = (action, handler) => {
-  const savedHandler = useRef(noop);
-  useEffect(() => {
-    savedHandler.current = handler;
-  }, [handler]);
-  useEffect(() => {
-    const eventListener = (event) => {
-      const { action: eventAction, data } = event.data;
-      if (savedHandler.current) {
-        if (eventAction === action) {
-          savedHandler.current(data);
-        }
-      }
-    };
-    window.addEventListener("message", eventListener);
-    return () => window.removeEventListener("message", eventListener);
-  }, [action]);
-};
-function getNested(obj, path) {
-  return path.split(".").reduce((acc, key) => acc ? acc[key] : void 0, obj);
-}
-function setNested(obj, path, value) {
-  const keys = path.split(".");
-  const root = Array.isArray(obj) ? [...obj] : { ...obj };
-  let current = root;
-  for (let i = 0; i < keys.length - 1; i++) {
-    const key = keys[i];
-    const nextKey = keys[i + 1];
-    const isIndex = !isNaN(Number(nextKey));
-    const existing = current[key];
-    current[key] = existing != null ? Array.isArray(existing) ? [...existing] : { ...existing } : isIndex ? [] : {};
-    current = current[key];
-  }
-  current[keys[keys.length - 1]] = value;
-  return root;
-}
-function deleteNested(obj, path) {
-  const keys = path.split(".");
-  const newObj = { ...obj };
-  let current = newObj;
-  for (let i = 0; i < keys.length - 1; i++) {
-    const key = keys[i];
-    if (!current[key]) return obj;
-    current[key] = { ...current[key] };
-    current = current[key];
-  }
-  delete current[keys[keys.length - 1]];
-  return newObj;
-}
-function isPlainObject(value) {
-  return value !== null && typeof value === "object" && !Array.isArray(value) && !(value instanceof Date);
-}
-function collectChangedPaths(values, initial, prefix = "") {
-  if (Object.is(values, initial)) return [];
-  const valuesIsObj = isPlainObject(values);
-  const initialIsObj = isPlainObject(initial);
-  const valuesIsArr = Array.isArray(values);
-  const initialIsArr = Array.isArray(initial);
-  if (valuesIsArr || initialIsArr) {
-    const maxLen = Math.max(values?.length ?? 0, initial?.length ?? 0);
-    const fields = [];
-    for (let i = 0; i < maxLen; i++) {
-      const nextPrefix = prefix ? `${prefix}.${i}` : `${i}`;
-      fields.push(...collectChangedPaths(values?.[i], initial?.[i], nextPrefix));
-    }
-    return fields;
-  }
-  if (valuesIsObj || initialIsObj) {
-    const keys = /* @__PURE__ */ new Set([
-      ...Object.keys(values ?? {}),
-      ...Object.keys(initial ?? {})
-    ]);
-    const fields = [];
-    for (const key of keys) {
-      const nextPrefix = prefix ? `${prefix}.${key}` : key;
-      fields.push(...collectChangedPaths(values?.[key], initial?.[key], nextPrefix));
-    }
-    return fields;
-  }
-  return prefix ? [prefix] : [];
-}
-function computeChangedState(values, initialVals) {
-  const fields = collectChangedPaths(values, initialVals);
-  let partial = {};
-  for (const path of fields) {
-    partial = setNested(partial, path, getNested(values, path));
-  }
-  return { fields, partial };
-}
-function flattenRules(rules, prefix = "") {
-  const result = {};
-  for (const key in rules) {
-    const fullPath = prefix ? `${prefix}.${key}` : key;
-    const val = rules[key];
-    if (typeof val === "function") result[fullPath] = val;
-    else if (typeof val === "object")
-      Object.assign(result, flattenRules(val, fullPath));
-  }
-  return result;
-}
-async function runRule(rule, value, values) {
-  const result = rule(value, values);
-  return result instanceof Promise ? await result : result;
-}
-function createFormStore(initialValues, validationRules, onSubmit) {
-  const flatRules = validationRules ? flattenRules(validationRules) : {};
-  const history = [];
-  const future = [];
-  const changed = /* @__PURE__ */ new Set();
-  return createStore((set, get) => ({
-    initialValues,
-    values: initialValues,
-    errors: {},
-    partialChanged: {},
-    canBack: false,
-    canForward: false,
-    changedFields: [],
-    changedCount: 0,
-    onSubmit,
-    submit: async () => {
-      const state = get();
-      const isValid = await state.validate();
-      if (isValid && state.onSubmit) {
-        state.onSubmit(get());
-      }
-    },
-    getInputProps: (path) => {
-      return {
-        value: getNested(get().values, path) ?? "",
-        error: get().errors[path],
-        onChange: (e) => {
-          get().setValue(path, e.target.value, { validate: true });
-        }
-      };
-    },
-    resetChangeCount: () => {
-      changed.clear();
-      set({ changedFields: [], changedCount: 0, partialChanged: {} });
-    },
-    setInitialValues: (newInitialValues) => set({ initialValues: newInitialValues }),
-    setValue: (path, value, options) => {
-      const state = get();
-      const currentValues = state.values;
-      const newValues = setNested(currentValues, path, value);
-      const oldValue = getNested(state.initialValues, path);
-      const hasChanged = value !== oldValue;
-      history.push(currentValues);
-      future.length = 0;
-      let newPartial = state.partialChanged;
-      if (hasChanged) {
-        changed.add(path);
-        newPartial = setNested(newPartial, path, value);
-      } else {
-        changed.delete(path);
-        newPartial = deleteNested(newPartial, path);
-      }
-      set({
-        values: newValues,
-        partialChanged: newPartial,
-        canBack: history.length > 0,
-        canForward: false,
-        changedFields: Array.from(changed),
-        changedCount: changed.size
-      });
-      if (!options?.validate) return;
-      const rule = flatRules[path];
-      if (!rule) return;
-      Promise.resolve(runRule(rule, value, newValues)).then((error) => {
-        if (error)
-          set((s) => ({ errors: setNested(s.errors, path, error) }));
-        else
-          set((s) => ({ errors: deleteNested(s.errors, path) }));
-      });
-    },
-    setError: (path, message) => set((s) => ({ errors: setNested(s.errors, path, message) })),
-    clearError: (path) => set((s) => ({ errors: deleteNested(s.errors, path) })),
-    validateField: async (path) => {
-      const state = get();
-      const rule = flatRules[path];
-      if (!rule) return true;
-      const value = getNested(state.values, path);
-      const error = await runRule(rule, value, state.values);
-      if (error) {
-        set((s) => ({ errors: setNested(s.errors, path, error) }));
-        return false;
-      }
-      set((s) => ({ errors: deleteNested(s.errors, path) }));
-      return true;
-    },
-    validate: async () => {
-      const state = get();
-      let isValid = true;
-      let newErrors = {};
-      for (const path in flatRules) {
-        const rule = flatRules[path];
-        const value = getNested(state.values, path);
-        const error = await runRule(rule, value, state.values);
-        if (error) {
-          isValid = false;
-          newErrors = setNested(newErrors, path, error);
-        }
-      }
-      set({ errors: newErrors });
-      return isValid;
-    },
-    reset: () => {
-      history.length = 0;
-      future.length = 0;
-      changed.clear();
-      set({
-        values: get().initialValues,
-        errors: {},
-        partialChanged: {},
-        canBack: false,
-        canForward: false,
-        changedFields: [],
-        changedCount: 0
-      });
-    },
-    reinitialize: (newValues) => {
-      history.length = 0;
-      future.length = 0;
-      changed.clear();
-      set({
-        values: newValues,
-        initialValues: newValues,
-        errors: {},
-        partialChanged: {},
-        canBack: false,
-        canForward: false,
-        changedFields: [],
-        changedCount: 0
-      });
-    },
-    back: () => {
-      if (!history.length) return;
-      const prev = history.pop();
-      future.push(get().values);
-      const { fields, partial } = computeChangedState(prev, get().initialValues);
-      set({
-        values: prev,
-        partialChanged: partial,
-        canBack: history.length > 0,
-        canForward: true,
-        changedFields: fields,
-        changedCount: fields.length
-      });
-    },
-    forward: () => {
-      if (!future.length) return;
-      const next = future.pop();
-      history.push(get().values);
-      const { fields, partial } = computeChangedState(next, get().initialValues);
-      set({
-        values: next,
-        partialChanged: partial,
-        canBack: true,
-        canForward: future.length > 0,
-        changedFields: fields,
-        changedCount: fields.length
-      });
-    }
-  }));
-}
-var FormContext = createContext(null);
-function FormProvider({
-  initialValues,
-  validate,
-  onSubmit,
-  children
-}) {
-  const storeRef = useRef(
-    createFormStore(initialValues, validate, onSubmit)
-  );
-  return /* @__PURE__ */ jsx(FormContext.Provider, { value: storeRef.current, children });
-}
-function useForm() {
-  const store2 = useContext(FormContext);
-  if (!store2) {
-    throw new Error("useForm must be used inside <FormProvider>");
-  }
-  const state = useStore(store2);
-  const changedFields = useMemo(() => {
-    return collectChangedPaths(state.values, state.initialValues);
-  }, [state.values, state.initialValues]);
-  return { ...state, changedFields, changedCount: changedFields.length };
-}
-function useFormField(path) {
-  const store2 = useContext(FormContext);
-  if (!store2) {
-    throw new Error("useFormField must be used inside <FormProvider>");
-  }
-  return useStore(store2, (s) => getNested(s.values, path));
-}
-function useFormFields(...paths) {
-  const store2 = useContext(FormContext);
-  if (!store2) {
-    throw new Error("useFormFields must be used inside <FormProvider>");
-  }
-  return useStore(store2, (s) => {
-    const result = {};
-    for (const path of paths) {
-      result[path] = getNested(s.values, path);
-    }
-    return result;
-  });
-}
-function useFormError(path) {
-  const store2 = useContext(FormContext);
-  if (!store2) {
-    throw new Error("useFormError must be used inside <FormProvider>");
-  }
-  return useStore(store2, (s) => s.errors[path]);
-}
-function useFormErrors(...paths) {
-  const store2 = useContext(FormContext);
-  if (!store2) {
-    throw new Error("useFormErrors must be used inside <FormProvider>");
-  }
-  return useStore(store2, (s) => {
-    const result = {};
-    for (const path of paths) {
-      result[path] = s.errors[path];
-    }
-    return result;
-  });
-}
-function useFormActions() {
-  const store2 = useContext(FormContext);
-  if (!store2) {
-    throw new Error("useFormActions must be used inside <FormProvider>");
-  }
-  return store2.getState();
-}
-var DEFAULT_PALETTE = [
-  "#f0f4ff",
-  "#d9e3ff",
-  "#bfcfff",
-  "#a6bbff",
-  "#8ca7ff",
-  "#7393ff",
-  "#5a7fff",
-  "#406bff",
-  "#2547ff",
-  "#0b33ff"
-];
-z.object({
-  useOverride: z.boolean(),
-  primaryColor: z.string(),
-  primaryShade: z.number(),
-  customTheme: z.array(z.string())
-});
-
-// src/utils/useSettings.ts
-var useSettings = create(() => ({
-  currency: "$",
-  game: "fivem",
-  primaryColor: "dirk",
-  primaryShade: 9,
-  itemImgPath: "",
-  resourceVersion: "dev",
-  customTheme: DEFAULT_PALETTE
-}));
-function useTornEdges() {
-  const game = useSettings((state) => state.game);
-  return game === "rdr3" ? "torn-edge-wrapper" : "";
-}
-function TornEdgeSVGFilter() {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      style: { position: "absolute", width: 0, height: 0, pointerEvents: "none" },
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("filter", { id: "torn-edge-filter", x: "-50%", y: "-50%", width: "200%", height: "200%", children: [
-        /* @__PURE__ */ jsx(
-          "feTurbulence",
-          {
-            type: "fractalNoise",
-            baseFrequency: "0.018 0.022",
-            numOctaves: "5",
-            seed: "9",
-            result: "noise1"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "feTurbulence",
-          {
-            type: "fractalNoise",
-            baseFrequency: "0.08 0.12",
-            numOctaves: "2",
-            seed: "3",
-            result: "noise2"
-          }
-        ),
-        /* @__PURE__ */ jsx("feBlend", { in: "noise1", in2: "noise2", mode: "multiply", result: "combinedNoise" }),
-        /* @__PURE__ */ jsx(
-          "feDisplacementMap",
-          {
-            in: "SourceGraphic",
-            in2: "combinedNoise",
-            scale: "52",
-            xChannelSelector: "R",
-            yChannelSelector: "G",
-            result: "displaced"
-          }
-        ),
-        /* @__PURE__ */ jsx("feGaussianBlur", { stdDeviation: "0.8", in: "displaced", result: "blurred" }),
-        /* @__PURE__ */ jsx("feComponentTransfer", { in: "blurred", result: "alphaFade", children: /* @__PURE__ */ jsx("feFuncA", { type: "gamma", amplitude: "1", exponent: "1.3", offset: "-0.05" }) }),
-        /* @__PURE__ */ jsx("feMorphology", { operator: "erode", radius: "0.4", in: "alphaFade", result: "eroded" }),
-        /* @__PURE__ */ jsx("feMerge", { children: /* @__PURE__ */ jsx("feMergeNode", { in: "eroded" }) })
-      ] }) })
-    }
-  );
-}
-async function fetchNui(eventName, data, mockData) {
-  const options = {
-    method: "post",
-    headers: {
-      "Content-Type": "application/json; charset=UTF-8"
-    },
-    body: JSON.stringify(data)
-  };
-  if (isEnvBrowser() && mockData !== void 0) return mockData;
-  if (isEnvBrowser() && mockData === void 0) {
-    console.warn(
-      `[fetchNui] Called fetchNui for event "${eventName}" in browser environment without mockData. Returning empty object.`
-    );
-    return {};
-  }
-  const overrideResourceName = useSettings.getState().overideResourceName;
-  const hasResourceContext = typeof window.GetParentResourceName === "function" || !!overrideResourceName;
-  if (!hasResourceContext) {
-    return mockData ?? {};
-  }
-  const resourceName = window.GetParentResourceName ? window.GetParentResourceName() : overrideResourceName;
-  try {
-    const resp = await fetch(`https://${resourceName}/${eventName}`, options);
-    return await resp.json();
-  } catch {
-    return mockData ?? {};
-  }
-}
-function changedTopLevelSections(changedFields) {
-  if (!changedFields || changedFields.length === 0) return [];
-  const sections = /* @__PURE__ */ new Set();
-  for (const path of changedFields) {
-    if (typeof path !== "string" || path.length === 0) continue;
-    const dot = path.indexOf(".");
-    sections.add(dot === -1 ? path : path.slice(0, dot));
-  }
-  return Array.from(sections);
-}
-var _instance = null;
-function getScriptConfigInstance() {
-  if (!_instance) throw new Error("[dirk-cfx-react] createScriptConfig must be called before using ConfigPanel");
-  return _instance;
-}
-function createScriptConfig(defaultValue) {
-  const store2 = create(() => defaultValue);
-  let clientVersion = 0;
-  const useScriptConfigHooks = () => {
-    useNuiEvent(
-      "UPDATE_SCRIPT_CONFIG",
-      (data) => {
-        if (!data) return;
-        if (typeof data.clientVersion === "number") {
-          clientVersion = data.clientVersion;
-        }
-        if (data.config && typeof data.config === "object") {
-          store2.setState((prev) => ({ ...prev, ...data.config }));
-        }
-      }
-    );
-  };
-  const fetchScriptConfig = async () => {
-    try {
-      const response = await fetchNui("GET_FULL_SCRIPT_CONFIG");
-      if (response?.success && response.data?.config) {
-        store2.setState(() => response.data.config);
-        if (typeof response.data.clientVersion === "number") {
-          clientVersion = response.data.clientVersion;
-        }
-        return response.data.config;
-      }
-    } catch {
-    }
-    return null;
-  };
-  const updateScriptConfig = async (newConfig, changedFields) => {
-    store2.setState((prev) => ({ ...prev, ...newConfig }));
-    const sections = changedTopLevelSections(changedFields);
-    let payload;
-    if (sections.length > 0) {
-      const current = store2.getState();
-      const delta = {};
-      for (const key of sections) delta[key] = current[key];
-      payload = { data: delta, expectedVersion: clientVersion, sectionReplace: true };
-    } else {
-      payload = { data: newConfig, expectedVersion: clientVersion };
-    }
-    const response = await fetchNui("UPDATE_SCRIPT_CONFIG", payload);
-    if (response?.meta?.client_version != null) {
-      clientVersion = response.meta.client_version;
-    }
-    if (response?.success === false && response?.meta?.latestData) {
-      store2.setState((prev) => ({ ...prev, ...response.meta.latestData }));
-    }
-    return response;
-  };
-  const getScriptConfigHistory = async (params = {}) => {
-    return fetchNui("GET_SCRIPT_CONFIG_HISTORY", params);
-  };
-  const resetConfig = async () => {
-    const response = await fetchNui("RESET_SCRIPT_CONFIG");
-    if (response?.success) {
-      const fresh = await fetchScriptConfig();
-      if (fresh) {
-        store2.setState(() => fresh);
-      }
-    }
-    return response;
-  };
-  _instance = {
-    store: store2,
-    updateConfig: updateScriptConfig,
-    resetConfig,
-    getHistory: getScriptConfigHistory,
-    fetchConfig: fetchScriptConfig
-  };
-  return { store: store2, updateScriptConfig, resetConfig, getScriptConfigHistory, useScriptConfigHooks, fetchScriptConfig };
-}
-var moduleCache = /* @__PURE__ */ new Map();
-function useValidModels(names) {
-  const cacheKey = useMemo(() => {
-    const unique = Array.from(new Set(names.filter((n) => typeof n === "string" && n.length > 0)));
-    unique.sort();
-    return unique.join("|");
-  }, [names]);
-  const [version, setVersion] = useState(0);
-  const inflight = useRef(/* @__PURE__ */ new Set());
-  useEffect(() => {
-    if (!cacheKey) return;
-    const all = cacheKey.split("|").filter(Boolean);
-    const missing = all.filter((n) => !moduleCache.has(n) && !inflight.current.has(n));
-    if (missing.length === 0) return;
-    missing.forEach((n) => inflight.current.add(n));
-    let cancelled = false;
-    fetchNui(
-      "ADMIN_TOOL_QUERY",
-      { id: "validateModels", value: missing },
-      // Fallback when running outside FiveM (browser dev) — assume valid so the
-      // dev shell doesn't grey out every row.
-      Object.fromEntries(missing.map((n) => [n, true]))
-    ).then((result) => {
-      if (cancelled) return;
-      const map = result && typeof result === "object" ? result : {};
-      missing.forEach((n) => {
-        moduleCache.set(n, !!map[n]);
-        inflight.current.delete(n);
-      });
-      setVersion((v) => v + 1);
-    }).catch(() => {
-      if (cancelled) return;
-      missing.forEach((n) => {
-        inflight.current.delete(n);
-      });
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [cacheKey]);
-  return useMemo(() => {
-    const out = /* @__PURE__ */ new Set();
-    if (!cacheKey) return out;
-    for (const n of cacheKey.split("|")) {
-      if (n && moduleCache.get(n) === true) out.add(n);
-    }
-    return out;
-  }, [cacheKey, version]);
-}
-var store = /* @__PURE__ */ new Map();
-var listeners = /* @__PURE__ */ new Map();
-function notify(key) {
-  const ls = listeners.get(key);
-  if (!ls) return;
-  ls.forEach((fn) => fn());
-}
-function useAdminState(key, initial) {
-  const [, setTick] = useState(0);
-  useEffect(() => {
-    const set = listeners.get(key) ?? /* @__PURE__ */ new Set();
-    listeners.set(key, set);
-    const handler = () => setTick((t) => t + 1);
-    set.add(handler);
-    return () => {
-      set.delete(handler);
-      if (set.size === 0) listeners.delete(key);
-    };
-  }, [key]);
-  const value = store.has(key) ? store.get(key) : initial;
-  const setValue = (v) => {
-    const next = typeof v === "function" ? v(value) : v;
-    store.set(key, next);
-    notify(key);
-  };
-  return [value, setValue];
-}
-function clearAdminState(key) {
-  if (key) {
-    store.delete(key);
-    notify(key);
-  } else {
-    const keys = Array.from(store.keys());
-    store.clear();
-    keys.forEach(notify);
-  }
-}
-function usePlayers(opts = {}) {
-  const {
-    includeOffline = false,
-    search = "",
-    limit = 50,
-    staleTimeMs,
-    refetchIntervalMs
-  } = opts;
-  const query = useQuery({
-    queryKey: includeOffline ? ["dirk:players", "search", search.trim().toLowerCase(), limit] : ["dirk:players", "online"],
-    queryFn: async () => {
-      const toolId = includeOffline ? "searchPlayers" : "getOnlinePlayers";
-      const payload = includeOffline ? { id: toolId, value: { search: search.trim(), limit } } : { id: toolId };
-      const result = await fetchNui(
-        "ADMIN_TOOL_QUERY",
-        payload,
-        // Browser-dev fallback. Returns a couple of mock players so the
-        // dev shell isn't blank.
-        includeOffline ? [
-          { id: 1, citizenId: "ABC12345", name: "Dev User", charName: "John Doe", online: true },
-          { id: null, citizenId: "DEF67890", name: "", charName: "Jane Offline", online: false }
-        ] : [
-          { id: 1, citizenId: "ABC12345", name: "Dev User", charName: "John Doe", online: true }
-        ]
-      );
-      return Array.isArray(result) ? result : [];
-    },
-    staleTime: staleTimeMs ?? (includeOffline ? 3e4 : 5e3),
-    gcTime: 5 * 6e4,
-    refetchInterval: refetchIntervalMs ?? false,
-    refetchOnWindowFocus: false,
-    placeholderData: includeOffline ? keepPreviousData : void 0
-  });
-  return {
-    players: query.data ?? [],
-    isLoading: query.isLoading,
-    isFetching: query.isFetching,
-    error: query.error ?? null,
-    refresh: () => query.refetch()
-  };
-}
-
-export { FormProvider, TornEdgeSVGFilter, clearAdminState, createFormStore, createScriptConfig, getScriptConfigInstance, useAdminState, useAudio, useForm, useFormActions, useFormError, useFormErrors, useFormField, useFormFields, useNuiEvent, usePlayers, useTornEdges, useValidModels };
+export { TornEdgeSVGFilter, useTornEdges, useValidModels } from '../chunk-ZPFW7C2A.js';
+export { FormProvider, clearAdminState, createFormStore, useAdminState, useAudio, useForm, useFormActions, useFormError, useFormErrors, useFormField, useFormFields, usePlayers } from '../chunk-KGLO3ZAS.js';
+export { createScriptConfig, getScriptConfigInstance, useNuiEvent } from '../chunk-Z7N5AQJW.js';
+import '../chunk-MYNNCLMA.js';
+import '../chunk-V6TY7KAL.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map