(events: DebugEvent
[], timer = 1000): void => {
16 | if (import.meta.env.DEV && isEnvBrowser()) {
17 | for (const event of events) {
18 | setTimeout(() => {
19 | window.dispatchEvent(
20 | new MessageEvent('message', {
21 | data: {
22 | action: event.action,
23 | data: event.data,
24 | },
25 | })
26 | );
27 | }, timer);
28 | }
29 | }
30 | };
31 |
--------------------------------------------------------------------------------
/web/src/store/contextMenu.ts:
--------------------------------------------------------------------------------
1 | import { createSlice, PayloadAction } from '@reduxjs/toolkit';
2 | import { SlotWithItem } from '../typings';
3 |
4 | interface ContextMenuState {
5 | coords: {
6 | x: number;
7 | y: number;
8 | } | null;
9 | item: SlotWithItem | null;
10 | }
11 |
12 | const initialState: ContextMenuState = {
13 | coords: null,
14 | item: null,
15 | };
16 |
17 | export const contextMenuSlice = createSlice({
18 | name: 'contextMenu',
19 | initialState,
20 | reducers: {
21 | openContextMenu(state, action: PayloadAction<{ item: SlotWithItem; coords: { x: number; y: number } }>) {
22 | state.coords = action.payload.coords;
23 | state.item = action.payload.item;
24 | },
25 | closeContextMenu(state) {
26 | state.coords = null;
27 | },
28 | },
29 | });
30 |
31 | export const { openContextMenu, closeContextMenu } = contextMenuSlice.actions;
32 |
33 | export default contextMenuSlice.reducer;
34 |
--------------------------------------------------------------------------------
/web/src/hooks/useKeyPress.ts:
--------------------------------------------------------------------------------
1 | import { useCallback, useEffect, useState } from 'react';
2 |
3 | export const useKeyPress = (targetKey: KeyboardEvent['key']) => {
4 | const [keyPressed, setKeyPressed] = useState(false);
5 |
6 | const keyToggler = useCallback(
7 | (toggle: boolean) =>
8 | ({ key }: KeyboardEvent) => {
9 | if (key === targetKey) {
10 | setKeyPressed(toggle);
11 | }
12 | },
13 | [targetKey]
14 | );
15 |
16 | const downHandler = keyToggler(true);
17 | const upHandler = keyToggler(false);
18 |
19 | useEffect(() => {
20 | window.addEventListener('keydown', downHandler);
21 | window.addEventListener('keyup', upHandler);
22 |
23 | return () => {
24 | window.removeEventListener('keydown', downHandler);
25 | window.removeEventListener('keyup', upHandler);
26 | };
27 | }, [downHandler, upHandler]);
28 |
29 | return keyPressed;
30 | };
31 |
32 | export default useKeyPress;
33 |
--------------------------------------------------------------------------------
/web/src/hooks/useQueue.ts:
--------------------------------------------------------------------------------
1 | import { useState } from 'react';
2 |
3 | export interface QueueMethods {inventory.label}
34 | {weight / 1000}/{inventory.maxWeight / 1000}kg
35 |
44 | {item.weight > 0
45 | ? item.weight >= 1000
46 | ? `${(item.weight / 1000).toLocaleString('en-us', {
47 | minimumFractionDigits: 2,
48 | })}kg `
49 | : `${item.weight.toLocaleString('en-us', {
50 | minimumFractionDigits: 0,
51 | })}g `
52 | : ''}
53 | {item.count ? item.count.toLocaleString('en-us') + `x` : ''} {Locale.ui_usefulcontrols || 'Useful controls'}
49 | RMB
50 |
54 | ALT + LMB
55 |
59 | CTRL + LMB
60 |
64 | SHIFT + Drag
65 |
69 | CTRL + SHIFT + LMB
70 | {props.item.text}
51 | {Locale.ui_rmb}
52 |
56 | {Locale.ui_alt_lmb}
57 |
61 | {Locale.ui_ctrl_lmb}
62 |
66 | {Locale.ui_shift_drag}
67 |
71 | {Locale.ui_ctrl_shift_lmb}
72 |