feat: add selectable sig deletion timing, and color options (#208)

assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/hooks/types.ts

@@ -2,11 +2,12 @@ import { ExtendedSystemSignature } from '../helpers/contentHelpers';
 
 export interface UseSystemSignaturesDataProps {
   systemId: string;
-  settings: { key: string; value: boolean }[];
+  settings: { key: string; value: boolean | number }[];
   hideLinkedSignatures?: boolean;
   onCountChange?: (count: number) => void;
   onPendingChange?: (pending: ExtendedSystemSignature[], undo: () => void) => void;
   onLazyDeleteChange?: (value: boolean) => void;
+  deletionTiming?: number;
 }
 
 export interface UseFetchingParams {
@@ -19,8 +20,10 @@ export interface UseFetchingParams {
 export interface UsePendingDeletionParams {
   systemId: string;
   setSignatures: React.Dispatch<React.SetStateAction<ExtendedSystemSignature[]>>;
+  deletionTiming?: number;
 }
 
 export interface UsePendingAdditionParams {
   setSignatures: React.Dispatch<React.SetStateAction<ExtendedSystemSignature[]>>;
+  deletionTiming?: number;
 }

assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/hooks/usePendingAdditions.ts

@@ -3,33 +3,49 @@ import { ExtendedSystemSignature, schedulePendingAdditionForSig } from '../helpe
 import { UsePendingAdditionParams } from './types';
 import { FINAL_DURATION_MS } from '../constants';
 
-export function usePendingAdditions({ setSignatures }: UsePendingAdditionParams) {
+export function usePendingAdditions({ setSignatures, deletionTiming }: UsePendingAdditionParams) {
   const [pendingUndoAdditions, setPendingUndoAdditions] = useState<ExtendedSystemSignature[]>([]);
   const pendingAdditionMapRef = useRef<Record<string, { finalUntil: number; finalTimeoutId: number }>>({});
 
+  // Use the provided deletion timing or fall back to the default
+  const finalDuration = deletionTiming !== undefined ? deletionTiming : FINAL_DURATION_MS;
+
   const processAddedSignatures = useCallback(
     (added: ExtendedSystemSignature[]) => {
       if (!added.length) return;
+
+      // If duration is 0, don't show pending state
+      if (finalDuration === 0) {
+        setSignatures(prev => [
+          ...prev,
+          ...added.map(sig => ({
+            ...sig,
+            pendingAddition: false,
+          })),
+        ]);
+        return;
+      }
+
       const now = Date.now();
       setSignatures(prev => [
         ...prev,
         ...added.map(sig => ({
           ...sig,
           pendingAddition: true,
-          pendingUntil: now + FINAL_DURATION_MS,
+          pendingUntil: now + finalDuration,
         })),
       ]);
       added.forEach(sig => {
         schedulePendingAdditionForSig(
           sig,
-          FINAL_DURATION_MS,
+          finalDuration,
           setSignatures,
           pendingAdditionMapRef,
           setPendingUndoAdditions,
         );
       });
     },
-    [setSignatures],
+    [setSignatures, finalDuration],
   );
 
   const clearPendingAdditions = useCallback(() => {

assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/hooks/usePendingDeletions.ts

@@ -5,13 +5,16 @@ import { UsePendingDeletionParams } from './types';
 import { FINAL_DURATION_MS } from '../constants';
 import { useMapRootState } from '@/hooks/Mapper/mapRootProvider';
 
-export function usePendingDeletions({ systemId, setSignatures }: UsePendingDeletionParams) {
+export function usePendingDeletions({ systemId, setSignatures, deletionTiming }: UsePendingDeletionParams) {
   const { outCommand } = useMapRootState();
   const [localPendingDeletions, setLocalPendingDeletions] = useState<ExtendedSystemSignature[]>([]);
   const [pendingDeletionMap, setPendingDeletionMap] = useState<
     Record<string, { finalUntil: number; finalTimeoutId: number }>
   >({});
 
+  // Use the provided deletion timing or fall back to the default
+  const finalDuration = deletionTiming !== undefined ? deletionTiming : FINAL_DURATION_MS;
+
   const processRemovedSignatures = useCallback(
     async (
       removed: ExtendedSystemSignature[],
@@ -19,12 +22,22 @@ export function usePendingDeletions({ systemId, setSignatures }: UsePendingDelet
       updated: ExtendedSystemSignature[],
     ) => {
       if (!removed.length) return;
+
+      // If deletion timing is 0, immediately delete without pending state
+      if (finalDuration === 0) {
+        await outCommand({
+          type: OutCommand.updateSignatures,
+          data: prepareUpdatePayload(systemId, added, updated, removed),
+        });
+        return;
+      }
+
       const now = Date.now();
       const processedRemoved = removed.map(r => ({
         ...r,
         pendingDeletion: true,
         pendingAddition: false,
-        pendingUntil: now + FINAL_DURATION_MS,
+        pendingUntil: now + finalDuration,
       }));
       setLocalPendingDeletions(prev => [...prev, ...processedRemoved]);
 
@@ -36,7 +49,7 @@ export function usePendingDeletions({ systemId, setSignatures }: UsePendingDelet
       setSignatures(prev =>
         prev.map(sig => {
           if (processedRemoved.find(r => r.eve_id === sig.eve_id)) {
-            return { ...sig, pendingDeletion: true, pendingUntil: now + FINAL_DURATION_MS };
+            return { ...sig, pendingDeletion: true, pendingUntil: now + finalDuration };
           }
           return sig;
         }),
@@ -53,10 +66,10 @@ export function usePendingDeletions({ systemId, setSignatures }: UsePendingDelet
           setLocalPendingDeletions(prev => prev.filter(x => x.eve_id !== sig.eve_id));
           setSignatures(prev => prev.filter(x => x.eve_id !== sig.eve_id));
         },
-        FINAL_DURATION_MS,
+        finalDuration,
       );
     },
-    [systemId, outCommand, setSignatures],
+    [systemId, outCommand, setSignatures, finalDuration],
   );
 
   const clearPendingDeletions = useCallback(() => {

assets/js/hooks/Mapper/components/mapInterface/widgets/SystemSignatures/hooks/useSystemSignaturesData.ts

@@ -21,6 +21,7 @@ export function useSystemSignaturesData({
   onCountChange,
   onPendingChange,
   onLazyDeleteChange,
+  deletionTiming,
 }: UseSystemSignaturesDataProps) {
   const { outCommand } = useMapRootState();
   const [signatures, setSignatures, signaturesRef] = useRefState<ExtendedSystemSignature[]>([]);
@@ -30,10 +31,12 @@ export function useSystemSignaturesData({
     usePendingDeletions({
       systemId,
       setSignatures,
+      deletionTiming,
     });
   const { pendingUndoAdditions, setPendingUndoAdditions, processAddedSignatures, clearPendingAdditions } =
     usePendingAdditions({
       setSignatures,
+      deletionTiming,
     });
 
   const { handleGetSignatures, handleUpdateSignatures } = useSignatureFetching({