17 | rarity?: number
18 | rarityName: string
19 | tradeUp: boolean
20 | stattrak: boolean
21 | tradeUpConfirmed: boolean
22 | collection?: string
23 | }
24 |
--------------------------------------------------------------------------------
/src/renderer/components/content/shared/rarities.tsx:
--------------------------------------------------------------------------------
1 | const itemRarities = [
2 | {
3 | value: 'Consumer Grade',
4 | bgColorClass: 'bg-blue-200',
5 | href: '#',
6 | },
7 | {
8 | value: 'Industrial Grade',
9 | bgColorClass: 'bg-blue-400',
10 | href: '#',
11 | },
12 | {
13 | value: 'Mil-Spec',
14 | bgColorClass: 'bg-blue-600',
15 | href: '#',
16 | },
17 | {
18 | value: 'Restricted',
19 | bgColorClass: 'bg-purple-500',
20 | href: '#',
21 | },
22 | {
23 | value: 'Classified',
24 | bgColorClass: 'bg-pink-500',
25 | href: '#',
26 | }
27 | ];
28 |
29 | export default itemRarities;
30 |
--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
1 | import colors from 'tailwindcss/colors';
2 |
3 | module.exports = {
4 | purge: [],
5 | darkMode: 'class', // or 'media' or 'class'
6 | theme: {
7 | fill: {
8 | current: 'currentColor',
9 | },
10 | extend: {
11 | colors: {
12 | 'dark-level-one': "#121212",
13 | 'dark-level-two': "#181818",
14 | 'dark-level-three': "#282828",
15 | 'dark-level-four': "#404040",
16 | 'dark-level-five': "#2B303D",
17 | 'dark-white': "#d6d3cd",
18 | 'regal-blue': '#243c5a',
19 | }
20 | },
21 | },
22 | variants: {
23 | extend: {},
24 | },
25 | plugins: [],
26 | };
27 |
--------------------------------------------------------------------------------
/src/main/util.ts:
--------------------------------------------------------------------------------
1 | /* eslint import/prefer-default-export: off, import/no-mutable-exports: off */
2 | import { URL } from 'url';
3 | import path from 'path';
4 |
5 | export let resolveHtmlPath: (htmlFileName: string) => string;
6 |
7 | if (process.env.NODE_ENV === 'development') {
8 | const port = process.env.PORT || 1212;
9 | resolveHtmlPath = (htmlFileName: string) => {
10 | const url = new URL(`http://localhost:${port}`);
11 | url.pathname = htmlFileName;
12 | return url.href;
13 | };
14 | } else {
15 | resolveHtmlPath = (htmlFileName: string) => {
16 | return `file://${path.resolve(__dirname, '../renderer/', htmlFileName)}`;
17 | };
18 | }
19 |
--------------------------------------------------------------------------------
/src/renderer/components/content/Inventory/inventoryRows/rarityRow.tsx:
--------------------------------------------------------------------------------
1 | export function RowRarity({itemRow, settingsData}) {
2 |
3 | return (
4 | <>
5 |
6 | {settingsData.columns.includes('Rarity') ?
7 |
8 |
9 |
10 | {itemRow.rarityName}
11 |
12 | | : '' }
14 |
15 |
16 | );
17 | }
--------------------------------------------------------------------------------
/src/renderer/components/content/Inventory/inventoryRows/storageRow.tsx:
--------------------------------------------------------------------------------
1 |
2 | export function RowStorage({itemRow, settingsData}) {
3 |
4 | return (
5 | <>
6 |
7 | {settingsData.columns.includes('Storage') ?
8 |
9 |
10 |
11 | {itemRow.storage_name}
12 |
13 | | : '' }
15 |
16 |
17 | );
18 | }
--------------------------------------------------------------------------------
/src/renderer/components/content/Inventory/inventoryRows/tradeholdRow.tsx:
--------------------------------------------------------------------------------
1 |
2 | export function RowTradehold({itemRow, settingsData}) {
3 | const now = new Date();
4 |
5 | return (
6 | <>
7 |
8 | {settingsData.columns.includes('Tradehold') ?
9 |
10 | {itemRow.trade_unlock !== undefined
11 | ? Math.ceil(
12 | (itemRow.trade_unlock.getTime() - now.getTime()) /
13 | (1000 * 60 * 60 * 24)
14 | ) + ' days'
15 | : ''}
16 | | : ''}
17 |
18 |
19 | );
20 | }
--------------------------------------------------------------------------------
/src/main/helpers/classes/steam/items/steam.js:
--------------------------------------------------------------------------------
1 | const { getUsername, setUsername } = require('../settings');
2 |
3 | async function isLoggedInElsewhere(userSession) {
4 | return new Promise((resolve) => {
5 | userSession.requestRichPresence(
6 | 730,
7 | [userSession.steamID],
8 | 'english',
9 | function (err, items) {
10 | err;
11 | if (typeof items !== 'undefined') {
12 | if (Object.keys(items['users']).length > 0) {
13 | resolve(true);
14 | } else {
15 | resolve(false);
16 | }
17 | }
18 | }
19 | );
20 | });
21 | }
22 |
23 | module.exports = {
24 | isLoggedInElsewhere
25 | };
26 |
--------------------------------------------------------------------------------
/src/renderer/components/content/Inventory/inventoryRows/floatRow.tsx:
--------------------------------------------------------------------------------
1 |
2 | export function RowFloat({itemRow, settingsData}) {
3 |
4 | return (
5 | <>
6 |
7 | {settingsData.columns.includes('Float') ?
8 |
9 |
10 |
11 | {itemRow.item_paint_wear?.toString()?.substr(0, 9)}
12 |
13 | | : '' }
15 |
16 |
17 | );
18 | }
--------------------------------------------------------------------------------
/src/renderer/context/toMoveContext.tsx:
--------------------------------------------------------------------------------
1 | import { createContext, useContext } from 'react';
2 | export type toMoveContext = {
3 | getToMoveContext: any;
4 | setToMoveContext: (c: any) => void;
5 | };
6 |
7 | export const toMoveContext = createContext({
8 | getToMoveContext: {},
9 | setToMoveContext: () => {},
10 | });
11 | export const useToMoveContext = () => useContext(toMoveContext);
12 |
13 | export async function updateToMove(getToMoveContext, options) {
14 | let fromStorage = options.hasOwnProperty('fromStorage')
15 | ? options.fromStorage
16 | : getToMoveContext['fromStorage'];
17 | console.log(fromStorage);
18 | return {
19 | fromStorage: fromStorage,
20 | };
21 | }
22 |
--------------------------------------------------------------------------------
/src/main/helpers/classes/steam/items/getCommands.js:
--------------------------------------------------------------------------------
1 | var axios = require('axios');
2 | var items = require('./index');
3 |
4 | // RUN PROGRAMS
5 | class fetchItems {
6 | itemsClass = items;
7 | constructor() {
8 | this.itemsClass = new items();
9 | }
10 |
11 | async convertInventory(inventory) {
12 | const responseFiltered = this.itemsClass.inventoryConverter(
13 | inventory,
14 | false
15 | );
16 | return responseFiltered;
17 | }
18 | async convertStorageData(inventory) {
19 | const responseFiltered = this.itemsClass.inventoryConverter(
20 | inventory,
21 | true
22 | );
23 | return responseFiltered;
24 | }
25 | }
26 | module.exports = {
27 | fetchItems,
28 | };
29 |
--------------------------------------------------------------------------------
/src/renderer/components/content/Inventory/inventoryRows/collectionsRow.tsx:
--------------------------------------------------------------------------------
1 |
2 | export function RowCollections({ itemRow, settingsData }) {
3 | return (
4 | <>
5 | {settingsData.columns.includes('Collections') ?
6 |
7 |
8 |
9 |
10 |
11 | {itemRow?.collection?.replace('The ', '')?.replace(' Collection', '')}
12 |
13 |
14 |
15 |
16 |
17 | | : ''}
18 |
19 | );
20 | }
--------------------------------------------------------------------------------
/src/renderer/components/content/shared/filters/inventoryAmount.tsx:
--------------------------------------------------------------------------------
1 | import { ArchiveIcon } from '@heroicons/react/solid';
2 |
3 | export default function MoveLeft({totalAmount, textToWrite = "Left"}) {
4 | return (
5 |
6 | {' '}
10 |
11 | {totalAmount}{' '}
12 | {textToWrite}
13 |
14 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/src/main/helpers/classes/IPCGenerators/loginGenerator.tsx:
--------------------------------------------------------------------------------
1 | import { LoginCommand, LoginCommandReturnPackage, LoginOptions } from "shared/Interfaces.tsx/store";
2 |
3 | class LoginGenerator {
4 | returnValue: LoginCommand = {
5 | responseStatus: 'defaultError',
6 | returnPackage: {}
7 | }
8 |
9 | setResponseStatus(responseStatus: keyof LoginOptions) {
10 | this.returnValue.responseStatus = responseStatus
11 | }
12 | setEmptyPackage() {
13 | this.returnValue.returnPackage = {}
14 | }
15 |
16 | setPackage(returnPackage: LoginCommandReturnPackage) {
17 | this.returnValue.returnPackage = returnPackage
18 | }
19 |
20 | }
21 |
22 | module.exports = {
23 | LoginGenerator
24 | };
25 | export { LoginGenerator };
26 |
--------------------------------------------------------------------------------
/src/renderer/components/content/shared/filters/accountAmount.tsx:
--------------------------------------------------------------------------------
1 | import { DatabaseIcon } from '@heroicons/react/solid';
2 |
3 | export default function AccountAmount({totalAmount, textToWrite = "Left"}) {
4 | return (
5 |
6 | {' '}
10 |
11 | {totalAmount}{' '}
12 | {textToWrite}
13 |
14 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/.erb/scripts/electron-rebuild.js:
--------------------------------------------------------------------------------
1 | import path from 'path';
2 | import { execSync } from 'child_process';
3 | import fs from 'fs';
4 | import { dependencies } from '../../release/app/package.json';
5 | import webpackPaths from '../configs/webpack.paths';
6 |
7 | if (
8 | Object.keys(dependencies || {}).length > 0 &&
9 | fs.existsSync(webpackPaths.appNodeModulesPath)
10 | ) {
11 | const electronRebuildCmd =
12 | '../../node_modules/.bin/electron-rebuild --parallel --force --types prod,dev,optional --module-dir .';
13 | const cmd =
14 | process.platform === 'win32'
15 | ? electronRebuildCmd.replace(/\//g, '\\')
16 | : electronRebuildCmd;
17 | execSync(cmd, {
18 | cwd: webpackPaths.appPath,
19 | stdio: 'inherit',
20 | });
21 | }
22 |
--------------------------------------------------------------------------------
/src/renderer/store/helpers/globaloffensiveNotifications.tsx:
--------------------------------------------------------------------------------
1 | export const GCConnectionStatus = {
2 | HAVE_SESSION: 0,
3 | GC_GOING_DOWN: 1,
4 | NO_SESSION: 2,
5 | NO_SESSION_IN_LOGON_QUEUE: 3,
6 | NO_STEAM: 4
7 | };
8 |
9 |
10 | export const globalMessages = {
11 | NameItem: 1006,
12 | UnlockCrate: 1007,
13 | XRayItemReveal: 1008,
14 | XRayItemClaim: 1009,
15 | CasketTooFull: 1011,
16 | CasketContents: 1012,
17 | CasketAdded: 1013,
18 | CasketRemoved: 1014,
19 | CasketInvFull: 1015,
20 | NameBaseItem: 1019,
21 | RemoveItemName: 1030,
22 | RemoveSticker: 1053,
23 | ApplySticker: 1086,
24 | StatTrakSwap: 1088,
25 | ActivateFanToken: 9178,
26 | ActivateOperationCoin: 9179,
27 | GraffitiUnseal: 9185,
28 | GenerateSouvenir: 9204
29 | };
30 |
--------------------------------------------------------------------------------
/src/renderer/store/actions/modalTrade.tsx:
--------------------------------------------------------------------------------
1 | export const setTradeMove = () => {
2 | return {
3 | type: 'TRADE_MODAL_OPEN_CLOSE',
4 | }
5 | }
6 | export const setTradeConfirm = (inven) => {
7 | return {
8 | type: 'TRADE_MODAL_CONFIRM',
9 | payload: {
10 | inventory: inven
11 | }
12 | }
13 | }
14 |
15 | export const setTradeReset = () => {
16 | return {
17 | type: 'TRADE_MODAL_RESET'
18 | }
19 | }
20 |
21 | export const setTradeFoundMatch = (matchRow) => {
22 | return {
23 | type: 'TRADE_MODAL_MATCH_FOUND',
24 | payload: {
25 | matchRow: matchRow
26 | }
27 | }
28 | }
29 | export const setTradeMoveResult = () => {
30 | return {
31 | type: 'TRADE_MODAL_OPEN_RESULT',
32 | }
33 | }
34 |
35 |
36 |
--------------------------------------------------------------------------------
/src/renderer/components/content/Inventory/inventoryFilterSetup.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | characteristics,
3 | containers,
4 | FilterManager,
5 | } from 'renderer/functionsClasses/filters/filters';
6 |
7 | export function InventoryGetFilterManager() {
8 | const ClassFilters = new FilterManager();
9 | // Add characteristics
10 | Object.values(characteristics).forEach((filter) => {
11 |
12 | ClassFilters.addFilter('Include', filter, true);
13 | });
14 | Object.values(characteristics).forEach((filter) => {
15 |
16 | ClassFilters.addFilter('Exclude', filter, false);
17 | });
18 |
19 | // Add Containers
20 | Object.values(containers).forEach((filter) => {
21 |
22 | ClassFilters.addFilter('Containers', filter, true);
23 | });
24 |
25 | return ClassFilters;
26 | }
27 |
--------------------------------------------------------------------------------
/src/renderer/store/helpers/userStatusHelper.tsx:
--------------------------------------------------------------------------------
1 | import axios from "axios"
2 | import { createCSGOImage } from "../../functionsClasses/createCSGOImage";
3 | export async function getURL(steamID: string): Promise {
4 | let defaultReturnString = createCSGOImage("econ/characters/customplayer_tm_separatist")
5 | return new Promise((resolve) => {
6 | axios
7 | .get(`http://steamcommunity.com/profiles/${steamID}/?xml=1`)
8 | .then(function(response) {
9 | const parser = new DOMParser();
10 | resolve(parser?.parseFromString(response.data,"text/xml")?.getElementsByTagName("profile")[0]?.getElementsByTagName("avatarMedium")[0]?.childNodes[0]?.nodeValue || defaultReturnString
11 | )
12 | })
13 | }).catch(error => console.log(error));
14 | }
15 |
--------------------------------------------------------------------------------
/src/renderer/index.tsx:
--------------------------------------------------------------------------------
1 | import { render } from "react-dom";
2 | import { Provider } from "react-redux";
3 | import App from "./App";
4 | import { PersistGate } from 'redux-persist/integration/react'
5 | import returnVar from './store/configureStore'
6 |
7 | const myVar = returnVar()
8 |
9 |
10 | declare global {
11 | interface Window {
12 | electron: {
13 | store: {
14 | get: (key: string) => any;
15 | set: (key: string, val: any) => void;
16 | // any other methods you've defined...
17 | },
18 | ipcRenderer: any
19 | }
20 |
21 | }
22 | }
23 |
24 | render(
25 |
26 |
27 |
28 |
29 |
30 |
31 | , document.getElementById("root"));
--------------------------------------------------------------------------------
/.erb/scripts/check-build-exists.ts:
--------------------------------------------------------------------------------
1 | // Check if the renderer and main bundles are built
2 | import path from 'path';
3 | import chalk from 'chalk';
4 | import fs from 'fs';
5 | import webpackPaths from '../configs/webpack.paths';
6 |
7 | const mainPath = path.join(webpackPaths.distMainPath, 'main.js');
8 | const rendererPath = path.join(webpackPaths.distRendererPath, 'renderer.js');
9 |
10 | if (!fs.existsSync(mainPath)) {
11 | throw new Error(
12 | chalk.whiteBright.bgRed.bold(
13 | 'The main process is not built yet. Build it by running "npm run build:main"'
14 | )
15 | );
16 | }
17 |
18 | if (!fs.existsSync(rendererPath)) {
19 | throw new Error(
20 | chalk.whiteBright.bgRed.bold(
21 | 'The renderer process is not built yet. Build it by running "npm run build:renderer"'
22 | )
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/sign.js:
--------------------------------------------------------------------------------
1 | require('dotenv').config()
2 |
3 | exports.default = async function(configuration) {
4 | // do not include passwords or other sensitive data in the file
5 | // rather create environment variables with sensitive data
6 | const TIMESTAMP = process.env.SIGNING_TIMESTAMP;
7 | const SIGNING_PATH = process.env.SIGNING_PATH;
8 | console.log("Signing with timestamp: " + TIMESTAMP);
9 | console.log("Signing path: " + SIGNING_PATH);
10 |
11 | require("child_process").execSync(
12 | // your commande here ! For exemple and with JSign :
13 | `signtool sign /tr ${TIMESTAMP} /td sha256 /fd sha256 /a "${configuration.path}"`,
14 | {cwd: SIGNING_PATH}
15 | );
16 |
17 | // Sleep for 5 seconds to allow the signing to complete
18 | await new Promise(resolve => setTimeout(resolve, 5000));
19 | };
--------------------------------------------------------------------------------
/src/renderer/components/content/shared/filters/pricingAmount.tsx:
--------------------------------------------------------------------------------
1 | import { CashIcon } from '@heroicons/react/solid';
2 | import { classNames } from './inventoryFunctions';
3 |
4 | export default function PricingAmount({totalAmount, pricingAmount = 0, IconToUse = CashIcon, colorOf = "text-yellow-500"}) {
5 | return (
6 |
7 | {' '}
11 | {totalAmount}
12 | {pricingAmount == 0 ?
13 | '' :
14 | ( {pricingAmount} )
15 | }
16 |
17 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/src/shared/Interfaces.tsx/login.tsx:
--------------------------------------------------------------------------------
1 |
2 |
3 | export interface DispatchStoreBuildingObject {
4 | name: string
5 | action: Function
6 | }
7 | export type DispatchStoreHandleBuildingOptionsClass = {
8 | [key in keyof DispatchStoresettingsOptions]: DispatchStoreBuildingObject;
9 | }
10 |
11 | export interface DispatchStoresettingsOptions {
12 | locale: string
13 | os: string
14 | columns: string
15 | devmode: string
16 | currency: string
17 | steamLoginShow: string
18 | }
19 |
20 |
21 | // Store
22 | export interface DispatchIPCBuildingObject {
23 | endpoint: Function
24 | action: Function
25 | }
26 | export type DispatchIPCHandleBuildingOptionsClass = {
27 | [key in keyof DispatchIPCsettingsOptions]: DispatchIPCBuildingObject;
28 | }
29 |
30 | export interface DispatchIPCsettingsOptions {
31 | currency: string
32 | }
33 |
--------------------------------------------------------------------------------
/release/app/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "casemove",
3 | "productName": "casemove",
4 | "version": "2.3.7",
5 | "description": "Counter-Strike 2 Storage unit manager that helps you move stuff. ",
6 | "main": "./dist/main/main.js",
7 | "author": {
8 | "name": "Nombers",
9 | "email": "casemovenombers@gmail.com",
10 | "url": "https://github.com/nombersDev/casemove"
11 | },
12 | "scripts": {
13 | "electron-rebuild": "node -r ts-node/register ../../.erb/scripts/electron-rebuild.js",
14 | "link-modules": "node -r ts-node/register ../../.erb/scripts/link-modules.js",
15 | "postinstall": "npm run electron-rebuild && npm run link-modules"
16 | },
17 | "dependencies": {
18 | "globaloffensive": "^3.1.0",
19 | "steam-user": "^4.28.1",
20 | "steam-totp": "^2.1.1",
21 | "steam-session": "^1.1.1"
22 | }
23 | }
24 |
--------------------------------------------------------------------------------
/src/renderer/store/configureStore.tsx:
--------------------------------------------------------------------------------
1 | // configureStore.js
2 |
3 | import { createStore } from 'redux'
4 | import { persistStore, persistReducer } from 'redux-persist'
5 | import storage from 'redux-persist/lib/storage' // defaults to localStorage for web
6 | import rootReducers from './reducer'
7 |
8 |
9 | const persistConfig = {
10 | key: 'root',
11 | storage,
12 | }
13 |
14 | const persistedReducer = persistReducer(persistConfig, rootReducers)
15 |
16 | export default () => {
17 | let reduxStore = createStore(persistedReducer)
18 | if (process.env.NODE_ENV === 'development') {
19 | reduxStore = createStore(persistedReducer,
20 | // @ts-ignore
21 | window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())
22 | }
23 |
24 | let persistor = persistStore(reduxStore)
25 | return { reduxStore, persistor }
26 | }
--------------------------------------------------------------------------------
/src/renderer/store/inventory/inventoryInterfaces.tsx:
--------------------------------------------------------------------------------
1 | import { ItemRow } from "renderer/interfaces/items";
2 |
3 | // CONFIG
4 | export interface InventoryMethods {
5 | 'INVENTORY_SET_INVENTORY': string
6 | 'INVENTORY_STORAGES_ADD_TO': string
7 | 'INVENTORY_STORAGES_CLEAR_CASKET': string
8 | 'INVENTORY_STORAGES_SET_SORT_STORAGES': string
9 | 'INVENTORY_STORAGES_CLEAR_ALL': string
10 | 'MOVE_FROM_CLEAR': string
11 | 'SIGN_OUT': string
12 | }
13 |
14 | export type InventoryMatchingObject = {
15 | [reducerType in keyof InventoryMethods]: Function;
16 | };
17 |
18 | export interface ActionInterface {
19 | type: keyof InventoryMethods
20 | }
21 |
22 | // ACTIONS
23 | export interface SetInventory extends ActionInterface {
24 | payload: {
25 | inventory: Array
26 | combinedInventory: Array
27 | }
28 | }
29 |
30 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es2021",
4 | "module": "commonjs",
5 | "lib": ["dom", "esnext"],
6 | "declaration": true,
7 | "declarationMap": true,
8 | "jsx": "react-jsx",
9 | "strict": true,
10 | "pretty": true,
11 | "sourceMap": true,
12 | "baseUrl": "./src",
13 | /* Additional Checks */
14 | "noUnusedLocals": true,
15 | "noUnusedParameters": true,
16 | "noImplicitReturns": true,
17 | "noFallthroughCasesInSwitch": true,
18 | /* Module Resolution Options */
19 | "moduleResolution": "node",
20 | "esModuleInterop": true,
21 | "allowSyntheticDefaultImports": true,
22 | "resolveJsonModule": true,
23 | "allowJs": true,
24 | "outDir": "release/app/dist",
25 | "noImplicitAny": false
26 | },
27 | "exclude": ["test", "release/build", "release/app/dist", ".erb/dll"]
28 | }
29 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 |
5 | # Runtime data
6 | pids
7 | *.pid
8 | *.seed
9 |
10 | # Coverage directory used by tools like istanbul
11 | coverage
12 | .eslintcache
13 |
14 | # Dependency directory
15 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
16 | node_modules
17 |
18 | # OSX
19 | .DS_Store
20 |
21 | release/app/dist
22 | release/build
23 | .erb/dll
24 | .env
25 |
26 | .idea
27 | npm-debug.log.*
28 | *.css.d.ts
29 | *.sass.d.ts
30 | *.scss.d.ts
31 | .DS_Store
32 | .DS_Store
33 | src/main/helpers/classes/dev/*
34 | src/renderer/views/purchase/*
35 | src/renderer/store/reducer/modalPurchase.tsx
36 | src/renderer/store/reducer/purchase.tsx
37 | src/renderer/components/content/shared/modals & notifcations/modalPurchase.tsx
38 | src/renderer/store/actions/modalPurchase Actions.tsx
39 | src/renderer/store/actions/purchaseActions.tsx
40 |
--------------------------------------------------------------------------------
/src/renderer/store/reducer/modalRename.tsx:
--------------------------------------------------------------------------------
1 | import { RenameModal } from "renderer/interfaces/states";
2 |
3 | const initialState: RenameModal = {
4 | renameOpen: false,
5 | modalPayload: {
6 | itemID: '',
7 | itemName: ''
8 | },
9 | };
10 |
11 | const modalRenameReducer = (state = initialState, action) => {
12 | switch (action.type) {
13 | case 'SET_RENAME_MODAL':
14 | return {
15 | ...state,
16 | renameOpen: true,
17 | modalPayload: action.payload
18 | }
19 | case 'CLOSE_RENAME_MODAL':
20 | return {
21 | ...state,
22 | renameOpen: false
23 | }
24 | case 'SIGN_OUT':
25 | return {
26 | ...initialState
27 | }
28 | default:
29 | return {...state}
30 |
31 | }
32 | };
33 |
34 |
35 | export default modalRenameReducer;
36 |
--------------------------------------------------------------------------------
/src/renderer/components/content/storageUnits/to/toFilterSetup.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | characteristics,
3 | containers,
4 | FilterManager,
5 | } from 'renderer/functionsClasses/filters/filters';
6 |
7 | export function toGetFilterManager() {
8 | const ClassFilters = new FilterManager();
9 | // Add characteristics
10 | Object.values(characteristics).forEach((filter) => {
11 | if (filter.label != 'Storage moveable') {
12 | ClassFilters.addFilter('Include', filter, true);
13 | }
14 | });
15 |
16 | // Add characteristics
17 | Object.values(characteristics).forEach((filter) => {
18 | if (filter.label != 'Storage moveable') {
19 | ClassFilters.addFilter('Exclude', filter, false);
20 | }
21 | });
22 | // Add Containers
23 | Object.values(containers).forEach((filter) => {
24 |
25 | ClassFilters.addFilter('Containers', filter, true);
26 | });
27 | return ClassFilters;
28 | }
29 |
--------------------------------------------------------------------------------
/src/renderer/components/content/storageUnits/from/fromFilterSetup.tsx:
--------------------------------------------------------------------------------
1 | import {
2 | characteristics,
3 | containers,
4 | FilterManager,
5 | } from 'renderer/functionsClasses/filters/filters';
6 |
7 | export function fromGetFilterManager() {
8 | const ClassFilters = new FilterManager();
9 | // Add characteristics
10 | Object.values(characteristics).forEach((filter) => {
11 | if (filter.label != 'Storage moveable') {
12 | ClassFilters.addFilter('Include', filter, true);
13 | }
14 | });
15 |
16 | // Add characteristics
17 | Object.values(characteristics).forEach((filter) => {
18 | if (filter.label != 'Storage moveable') {
19 | ClassFilters.addFilter('Exclude', filter, false);
20 | }
21 | });
22 | // Add Containers
23 | Object.values(containers).forEach((filter) => {
24 |
25 | ClassFilters.addFilter('Containers', filter, true);
26 | });
27 | return ClassFilters;
28 | }
29 |
--------------------------------------------------------------------------------
/src/renderer/components/content/storageUnits/from/Content.tsx:
--------------------------------------------------------------------------------
1 | import { HashRouter as Router, Route } from 'react-router-dom';
2 | import FromMainComponent from './fromHolder';
3 |
4 | function StorageUnits() {
5 | return (
6 | <>
7 | {/* Page title & actions */}
8 |
9 |
10 |
11 | Transfer from storage units
12 |
13 |
14 |
4 |
19 |
Nothing here
20 |
21 | Expecting something here? Try the reload button or hide toogle.
22 |
23 |
24 |
12 |
13 | {itemRow.item_moveable == true ? (
14 |
18 | ) : (
19 | ''
20 | )}
21 |
22 | |
23 | ) : (
24 | ''
25 | )}
26 |
27 |
28 | );
29 | }
--------------------------------------------------------------------------------
/src/renderer/store/reducer/index.tsx:
--------------------------------------------------------------------------------
1 | import { combineReducers } from "redux";
2 | // import inventoryReducer from "../inventory/inventoryReducer";
3 | import authReducer from "./userStatus";
4 | import inventoryFiltersReducer from './inventoryFiltersRed'
5 | import modalMoveReducer from './modalMove'
6 | import modalRenameReducer from './modalRename'
7 | import moveFromReducer from './moveFromReducers'
8 | import moveToReducer from './moveToReducers'
9 | import settingsReducer from "./settings";
10 | import pricingReducer from "./pricing";
11 | import tradeUpReducer from "./tradeupReducer";
12 | import modalTradeReducer from './modalTrade'
13 | import { inventoryReducer } from "../inventory/inventoryClass";
14 |
15 | const rootReducers = combineReducers({
16 | authReducer,
17 | inventoryReducer,
18 | inventoryFiltersReducer,
19 | modalMoveReducer,
20 | modalRenameReducer,
21 | moveFromReducer,
22 | moveToReducer,
23 | settingsReducer,
24 | pricingReducer,
25 | tradeUpReducer,
26 | modalTradeReducer
27 | })
28 |
29 | export default rootReducers;
30 |
31 | export type RootState = ReturnType
32 |
--------------------------------------------------------------------------------
/src/renderer/views/overview/EmptyField.tsx:
--------------------------------------------------------------------------------
1 | /* This example requires Tailwind CSS v2.0+ */
2 | export default function EmptyField() {
3 | return (
4 |
25 | )
26 | }
--------------------------------------------------------------------------------
/.erb/configs/webpack.config.base.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Base webpack config used across other specific configs
3 | */
4 |
5 | import webpack from 'webpack';
6 | import webpackPaths from './webpack.paths';
7 | import { dependencies as externals } from '../../release/app/package.json';
8 |
9 | export default {
10 | externals: [...Object.keys(externals || {})],
11 |
12 | stats: 'errors-only',
13 |
14 | module: {
15 | rules: [
16 | {
17 | test: /\.[jt]sx?$/,
18 | exclude: /node_modules/,
19 | use: {
20 | loader: 'ts-loader',
21 | },
22 | },
23 | ],
24 | },
25 |
26 | output: {
27 | path: webpackPaths.srcPath,
28 | // https://github.com/webpack/webpack/issues/1114
29 | library: {
30 | type: 'commonjs2',
31 | },
32 | },
33 |
34 | /**
35 | * Determine the array of extensions that should be used to resolve modules.
36 | */
37 | resolve: {
38 | extensions: ['.js', '.jsx', '.json', '.ts', '.tsx'],
39 | modules: [webpackPaths.srcPath, 'node_modules'],
40 | },
41 |
42 | plugins: [
43 | new webpack.EnvironmentPlugin({
44 | NODE_ENV: 'production',
45 | }),
46 | ],
47 | };
48 |
--------------------------------------------------------------------------------
/.erb/configs/webpack.paths.ts:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 |
3 | const rootPath = path.join(__dirname, '../..');
4 |
5 | const dllPath = path.join(__dirname, '../dll');
6 |
7 | const srcPath = path.join(rootPath, 'src');
8 | const srcMainPath = path.join(srcPath, 'main');
9 | const srcRendererPath = path.join(srcPath, 'renderer');
10 |
11 | const releasePath = path.join(rootPath, 'release');
12 | const appPath = path.join(releasePath, 'app');
13 | const appPackagePath = path.join(appPath, 'package.json');
14 | const appNodeModulesPath = path.join(appPath, 'node_modules');
15 | const srcNodeModulesPath = path.join(srcPath, 'node_modules');
16 |
17 | const distPath = path.join(appPath, 'dist');
18 | const distMainPath = path.join(distPath, 'main');
19 | const distRendererPath = path.join(distPath, 'renderer');
20 |
21 | const buildPath = path.join(releasePath, 'build');
22 |
23 | export default {
24 | rootPath,
25 | dllPath,
26 | srcPath,
27 | srcMainPath,
28 | srcRendererPath,
29 | releasePath,
30 | appPath,
31 | appPackagePath,
32 | appNodeModulesPath,
33 | srcNodeModulesPath,
34 | distPath,
35 | distMainPath,
36 | distRendererPath,
37 | buildPath,
38 | };
39 |
--------------------------------------------------------------------------------
/src/renderer/components/content/Inventory/inventoryRows/inventoryLinkRow.tsx:
--------------------------------------------------------------------------------
1 | import { ExternalLinkIcon } from "@heroicons/react/solid";
2 | import { Link } from "react-router-dom";
3 |
4 | export function RowLinkInventory({ itemRow, settingsData, userDetails }) {
5 |
6 | return (
7 | <>
8 | {settingsData.columns.includes('Inventory link') ? (
9 |
13 |
14 |
20 |
24 |
25 |
26 | |
27 | ) : (
28 | ''
29 | )}
30 |
31 |
32 | );
33 | }
--------------------------------------------------------------------------------
/src/renderer/store/actions/tradeUpActions.tsx:
--------------------------------------------------------------------------------
1 |
2 | export const tradeUpAddRemove = (productRow) => {
3 | return {
4 | type: 'TRADEUP_ADD_REMOVE',
5 | payload: productRow
6 | }
7 | }
8 |
9 | export const tradeUpSetPossible = (productRow) => {
10 | return {
11 | type: 'TRADEUP_SET_POSSIBLE',
12 | payload: productRow
13 | }
14 | }
15 |
16 | export const tradeUpResetPossible = () => {
17 | return {
18 | type: 'TRADEUP_RESET'
19 | }
20 | }
21 |
22 | export const tradeUpSetSearch = (searchField) => {
23 | return {
24 | type: 'TRADEUP_SET_SEARCH',
25 | payload: {
26 | searchField: searchField
27 | }
28 | }
29 | }
30 |
31 | export const tradeUpSetMin = (min) => {
32 | return {
33 | type: 'TRADEUP_SET_MIN',
34 | payload: min
35 | }
36 | }
37 | export const tradeUpSetMax = (max) => {
38 | return {
39 | type: 'TRADEUP_SET_MAX',
40 | payload: max
41 | }
42 | }
43 | export const tradeUpCollectionsAddRemove = (collection) => {
44 | return {
45 | type: 'TRADEUP_ADDREMOVE_COLLECTION',
46 | payload: collection
47 | }
48 | }
49 |
50 | export const tradeUpOptionsAddRemove = (option) => {
51 | return {
52 | type: 'TRADEUP_ADDREMOVE_OPTION',
53 | payload: option
54 | }
55 | }
--------------------------------------------------------------------------------
/src/renderer/store/inventory/inventoryActions.tsx:
--------------------------------------------------------------------------------
1 | import { SetInventory } from "./inventoryInterfaces"
2 |
3 | export const setInventoryAction = (forwardPackage: any): SetInventory => {
4 | return {
5 | type: 'INVENTORY_SET_INVENTORY',
6 | payload: {
7 | inventory: forwardPackage.inventory,
8 | combinedInventory: forwardPackage.combinedInventory
9 | }
10 | }
11 | }
12 |
13 | export const addStorageInventoryData = (storageRowsRaw, storageData, casketID, sortValue) => {
14 | return {
15 | type: 'INVENTORY_STORAGES_ADD_TO',
16 | payload: {
17 | storageRowsRaw: storageRowsRaw,
18 | storageData: storageData,
19 | casketID: casketID,
20 | sortValue: sortValue
21 | }
22 | }
23 | }
24 |
25 | export const inventorySetSortStorage = (storageData, storageFiltered) => {
26 | return {
27 | type: 'INVENTORY_STORAGES_SET_SORT_STORAGES',
28 | payload: {
29 | storageData,
30 | storageFiltered
31 | }
32 | }
33 | }
34 |
35 | export const clearStorageIDData = (casketID) => {
36 | return {
37 | type: 'INVENTORY_STORAGES_CLEAR_CASKET',
38 | payload: {
39 | casketID: casketID
40 | }
41 | }
42 | }
43 |
44 | export const clearStorage = () => {
45 | return {
46 | type: 'INVENTORY_STORAGES_CLEAR_ALL'
47 | }
48 | }
49 |
--------------------------------------------------------------------------------
/src/renderer/store/actions/modalMove actions.tsx:
--------------------------------------------------------------------------------
1 | export const setRenameModal = (itemID, itemName) => {
2 | return {
3 | type: 'SET_RENAME_MODAL',
4 | payload: {
5 | itemID: itemID,
6 | itemName: itemName
7 | }
8 | }
9 | }
10 |
11 | export const closeRenameModal = () => {
12 | return {
13 | type: 'CLOSE_RENAME_MODAL'
14 | }
15 | }
16 |
17 |
18 | export const moveModalQuerySet = (queryList) => {
19 | return {
20 | type: 'MOVE_MODAL_QUERY_SET',
21 | payload: {
22 | query: queryList
23 | }
24 | }
25 | }
26 | export const modalResetStorageIdsToClearFrom = () => {
27 | return {
28 | type: 'MODAL_RESET_STORAGE_IDS_TO_CLEAR_FROM'
29 | }
30 | }
31 | export const closeMoveModal = () => {
32 | return {
33 | type: 'CLOSE_MOVE_MODAL'
34 | }
35 | }
36 |
37 | export const cancelModal = (key) => {
38 | return {
39 | type: 'MOVE_MODAL_CANCEL',
40 | payload: {
41 | doCancel: key
42 | }
43 | }
44 | }
45 |
46 | export const moveModalAddToFail = () => {
47 | return {
48 | type: 'MODAL_ADD_TO_FAILED',
49 | }
50 | }
51 |
52 |
53 | export const moveModalUpdate = () => {
54 | return {
55 | type: 'MOVE_MODAL_UPDATE'
56 | }
57 | }
58 |
59 | export const moveModalResetPayload = () => {
60 | return {
61 | type: 'MOVE_MODAL_RESET_PAYLOAD'
62 | }
63 | }
64 |
65 |
--------------------------------------------------------------------------------
/src/renderer/components/content/Inventory/inventoryRows/priceRow.tsx:
--------------------------------------------------------------------------------
1 |
2 | import { ConvertPricesFormatted } from "renderer/functionsClasses/prices";
3 |
4 |
5 | export function RowPrice({itemRow, settingsData, pricesReducer}) {
6 | const PricesClass = new ConvertPricesFormatted(settingsData, pricesReducer)
7 | const price = PricesClass.getPrice(itemRow)
8 | const formattedPrice = PricesClass.getFormattedPrice(itemRow)
9 | const formattedPriceCombined = PricesClass.getFormattedPriceCombined(itemRow)
10 |
11 | return (
12 | <>
13 |
14 | {settingsData.columns.includes('Price') ?
15 |
16 |
17 |
18 | {formattedPriceCombined}
19 |
20 |
22 |
23 | {!price
24 | ? ''
25 | : itemRow.combined_QTY == 1
26 | ? ''
27 | : formattedPrice}
28 |
29 | | : '' }
31 |
32 |
33 | );
34 | }
--------------------------------------------------------------------------------
/src/renderer/store/handleMessage.tsx:
--------------------------------------------------------------------------------
1 |
2 | // 1: Inventory changed
3 | // 2: User log in / log out
4 | // 3: CSGO Connection
5 |
6 | import combineInventory from "renderer/components/content/shared/filters/inventoryFunctions"
7 | import { setInventoryAction } from "./inventory/inventoryActions"
8 | import { setConnection, setGC, signOut, setWalletBalance } from "./actions/userStatsActions"
9 |
10 | export async function handleLogonSuccess(message) {
11 | console.log(message)
12 | }
13 |
14 | export async function handleUserEvent(message, settings) {
15 | const statusCode = message[0]
16 | const description = message[1]
17 | switch (statusCode) {
18 | case 1:
19 | const subMessage = message[2]
20 | return setInventoryAction({inventory: subMessage[1], combinedInventory: await combineInventory(subMessage[1], settings)})
21 |
22 | case 2:
23 | if (description == 'disconnected') {
24 | return setConnection(false)
25 | }
26 | if (description == 'reconnected') {
27 | return setConnection(true)
28 | }
29 | if (description == 'fatalError') {
30 | return signOut()
31 | }
32 | return
33 |
34 | case 3:
35 | if (description == 'disconnectedFromGC') {
36 | return setGC(false)
37 | } else {
38 | return setGC(true)
39 | }
40 | case 4:
41 | return setWalletBalance(description)
42 | default:
43 | return
44 |
45 | }
46 | }
47 |
48 |
--------------------------------------------------------------------------------
/src/renderer/store/reducer/modalTrade.tsx:
--------------------------------------------------------------------------------
1 |
2 | import { ModalTrade } from "renderer/interfaces/states";
3 |
4 | const initialState: ModalTrade = {
5 | moveOpen: false,
6 | openResult: false,
7 | inventoryFirst: [],
8 | rowToMatch: {}
9 | };
10 |
11 | const modalTradeReducer = (state = initialState, action) => {
12 | switch (action.type) {
13 | case 'TRADE_MODAL_OPEN_CLOSE':
14 | return {
15 | ...state,
16 | moveOpen: !state.moveOpen
17 | }
18 | case 'TRADE_MODAL_CONFIRM':
19 | return {
20 | ...state,
21 | moveOpen: false,
22 | inventoryFirst: action.payload.inventory
23 | }
24 |
25 | case 'TRADE_MODAL_MATCH_FOUND':
26 | return {
27 | ...state,
28 | openResult: true,
29 | inventoryFirst: initialState.inventoryFirst,
30 | rowToMatch: action.payload.matchRow
31 | }
32 | case 'TRADE_MODAL_RESET':
33 | return {
34 | ...initialState
35 | }
36 | case 'TRADE_MODAL_OPEN_RESULT':
37 | if (state.moveOpen == true) {
38 | return {
39 | ...state,
40 | moveOpen: false,
41 | openResult: !state.openResult
42 | }
43 | }
44 | return {
45 | ...state,
46 | openResult: !state.openResult
47 | }
48 |
49 |
50 |
51 | case 'SIGN_OUT':
52 | return {
53 | ...initialState
54 | }
55 | default:
56 | return {...state}
57 |
58 | }
59 | };
60 |
61 |
62 | export default modalTradeReducer;
63 |
--------------------------------------------------------------------------------
/src/renderer/store/actions/settings.tsx:
--------------------------------------------------------------------------------
1 | import { Overview } from "renderer/interfaces/states"
2 | import { CurrencyReturnValue } from "shared/Interfaces.tsx/IPCReturn"
3 |
4 | export const setColumns = (valueToSet) => {
5 | return {
6 | type: 'SETTINGS_SET_COLUMNS',
7 | payload: valueToSet
8 | }
9 | }
10 | export const setCurrencyValue = (valueToSet) => {
11 | return {
12 | type: 'SETTINGS_SET_CURRENCY',
13 | payload: valueToSet
14 | }
15 | }
16 | export const setLocale = (valueToSet) => {
17 | return {
18 | type: 'SETTINGS_SET_LOCALE',
19 | payload: valueToSet
20 | }
21 | }
22 | export const setSourceValue = (valueToSet) => {
23 | return {
24 | type: 'SETTINGS_SET_SOURCE',
25 | payload: valueToSet
26 | }
27 | }
28 | export const setCurrencyRate = (returnPackage: CurrencyReturnValue) => {
29 | return {
30 | type: 'SETTINGS_ADD_CURRENCYPRICE',
31 | payload: {
32 | currency: returnPackage.currency,
33 | rate: returnPackage.rate
34 | }
35 | }
36 | }
37 | export const setOS = (os) => {
38 | return {
39 | type: 'SETTINGS_SET_OS',
40 | payload: os
41 | }
42 | }
43 | export const setSteamLoginShow = (loginShow) => {
44 | return {
45 | type: 'SETTINGS_SET_STEAMLOGINSHOW',
46 | payload: loginShow
47 | }
48 | }
49 | export const setDevmode = (devmode) => {
50 | return {
51 | type: 'SETTINGS_SET_DEVMODE',
52 | payload: devmode
53 | }
54 | }
55 | export const setOverview = (newObject: Overview) => {
56 | return {
57 | type: 'SETTINGS_SET_OVERVIEW',
58 | payload: newObject
59 | }
60 | }
--------------------------------------------------------------------------------
/src/main/helpers/login/loginRegular.tsx:
--------------------------------------------------------------------------------
1 | import { EAuthTokenPlatformType, LoginSession } from 'steam-session';
2 | import { StartLoginSessionWithCredentialsDetails } from 'steam-session/dist/interfaces-external';
3 | import { LoginOptions } from '../../../shared/Interfaces.tsx/store';
4 | import { storeRefreshToken } from '../classes/steam/settings';
5 |
6 | export async function flowLoginRegular(
7 | loginDetails: StartLoginSessionWithCredentialsDetails,
8 | doStoreLogin: boolean
9 | ): Promise<{
10 | responseStatus: keyof LoginOptions;
11 | refreshToken?: string;
12 | }> {
13 | return new Promise(async (resolve) => {
14 | let session = new LoginSession(EAuthTokenPlatformType.SteamClient);
15 | session.on('authenticated', async () => {
16 | console.log(
17 | `Logged into Steam as authenticated - ${session.accountName}`
18 | );
19 |
20 | if (doStoreLogin) {
21 | storeRefreshToken(session.accountName, session.refreshToken);
22 | }
23 |
24 | resolve({
25 | responseStatus: 'loggedIn',
26 | refreshToken: session.refreshToken,
27 | });
28 | });
29 |
30 | session.once('timeout', () => {
31 | resolve({
32 | responseStatus: 'defaultError',
33 | });
34 | });
35 |
36 | session.once('error', (err) => {
37 | console.log('Error', err);
38 | resolve({
39 | responseStatus: 'defaultError',
40 | });
41 | });
42 | try {
43 | await session.startWithCredentials(loginDetails);
44 | } catch (e) {
45 | console.log(e);
46 | resolve({
47 | responseStatus: 'defaultError',
48 | });
49 | }
50 | });
51 | }
52 |
--------------------------------------------------------------------------------
/src/renderer/functionsClasses/filters/search.tsx:
--------------------------------------------------------------------------------
1 |
2 | import { ItemRow } from "renderer/interfaces/items";
3 | import { InventoryFilters, MoveFromReducer, MoveToReducer } from "renderer/interfaces/states";
4 |
5 |
6 | export function searchFilter(itemsArray: Array, inventoryFilters: InventoryFilters, chosenReducer: InventoryFilters | MoveFromReducer | MoveToReducer | undefined): Array {
7 | let searchString: string = ''
8 | if (chosenReducer != undefined) {
9 | searchString = chosenReducer.searchInput
10 | }
11 | return itemsArray.filter(function (row) {
12 |
13 | if (
14 | inventoryFilters.categoryFilter.length != 0 ) {
15 | if (!inventoryFilters.categoryFilter?.includes(row.bgColorClass as string)) {
16 | return false
17 | }
18 | }
19 | if (
20 | row.item_name
21 | ?.toLowerCase()
22 | .trim()
23 | .includes(searchString?.toLowerCase().trim())
24 | ) {
25 | return true; // skip
26 | }
27 | if (
28 | row.item_wear_name
29 | ?.toLowerCase()
30 | .trim()
31 | .includes(searchString?.toLowerCase().trim())
32 | ) {
33 | return true; // skip
34 | }
35 | if (
36 | row.item_customname
37 | ?.toLowerCase()
38 | .trim()
39 | .includes(searchString?.toLowerCase().trim())
40 | ) {
41 | return true; // skip
42 | }
43 | if (searchString == undefined || searchString == '' ) {
44 | return true; // skip
45 | }
46 | return false;
47 | });
48 | }
49 |
--------------------------------------------------------------------------------
/src/renderer/store/reducer/userStatus.tsx:
--------------------------------------------------------------------------------
1 | import { AuthReducer } from "renderer/interfaces/states";
2 |
3 | const initialState: AuthReducer = {
4 | displayName: null ,
5 | CSGOConnection: false,
6 | userProfilePicture: null ,
7 | steamID: null,
8 | isLoggedIn: false ,
9 | hasConnection: false,
10 | walletBalance: {
11 | hasWallet: false,
12 | currency: '',
13 | balance: 0
14 | }
15 | };
16 |
17 | const authReducer = (state = initialState, action) => {
18 | switch (action.type) {
19 | case 'SIGN_IN':
20 | return {
21 | ...state,
22 | displayName: action.payload.displayName,
23 | CSGOConnection: action.payload.CSGOConnection,
24 | userProfilePicture: action.payload.userProfilePicture,
25 | steamID: action.payload.steamID,
26 | isLoggedIn: true,
27 | hasConnection: true,
28 | walletBalance: action.payload.wallet
29 | }
30 | case 'SIGN_OUT':
31 | return {
32 | ...initialState
33 | }
34 |
35 | case 'SET_CONNECTION':
36 | return {
37 | ...state,
38 | hasConnection: action.payload.hasConnection
39 | }
40 | case 'SET_WALLET_BALANCE':
41 | return {
42 | ...state,
43 | walletBalance: action.payload
44 | }
45 |
46 |
47 | case 'SET_GC':
48 | return {
49 | ...state,
50 | CSGOConnection: action.payload.CSGOConnection
51 | }
52 | case 'LOGOUT':
53 | return {
54 | ...initialState
55 | }
56 | default:
57 | return state
58 |
59 | }
60 | };
61 |
62 | export default authReducer;
63 |
--------------------------------------------------------------------------------
/src/renderer/views/login/login.tsx:
--------------------------------------------------------------------------------
1 | import { Disclosure } from '@headlessui/react'
2 | import { useState } from 'react'
3 | import LoginForm from './loginForm'
4 | import UserGrid from './userManagement'
5 | import { BrowserRouter as Router, Route } from 'react-router-dom';
6 | Disclosure
7 | function LoginPageContent() {
8 | const [getLock, setLock] = useState([''])
9 | const [deleteUser, setdeleteUser] = useState('')
10 |
11 | return (
12 | <>
13 | {/*
14 | This example requires updating your template:
15 |
16 | ```
17 |
18 |
19 | ```
20 | */}
21 |
22 |
23 |
24 | {/* Account switcher */}
25 |
26 |
27 |
28 | setLock(username)} runDeleteUser={() => setdeleteUser('')} deleteUser={deleteUser} />
29 |
30 |
31 | {/* Login */}
32 |
36 |
37 | setLock([''])} runDeleteUser={(username) => setdeleteUser(username)}/>
38 |
39 |
40 |
41 |
42 | )
43 | }
44 |
45 | export default function LoginPage() {
46 | return (
47 |
48 |
49 |
50 | );
51 | }
52 |
--------------------------------------------------------------------------------
/src/main/helpers/login/flowLoginRegularQR.tsx:
--------------------------------------------------------------------------------
1 | import { EAuthTokenPlatformType, LoginSession } from 'steam-session';
2 | import { LoginOptions } from '../../../shared/Interfaces.tsx/store';
3 | import { storeRefreshToken } from '../classes/steam/settings';
4 | import { emitterAccount } from '../../../emitters';
5 |
6 | export async function flowLoginRegularQR(doStoreLogin: boolean): Promise<{
7 | responseStatus: keyof LoginOptions;
8 | session?: LoginSession;
9 | }> {
10 | return new Promise(async (resolve) => {
11 | let session = new LoginSession(EAuthTokenPlatformType.SteamClient);
12 | console.log('Start with QR');
13 |
14 | session.on('authenticated', async () => {
15 | console.log(`Logged into Steam as ${session.accountName}`);
16 |
17 | if (doStoreLogin) {
18 | storeRefreshToken(session.accountName, session.refreshToken);
19 | }
20 |
21 | resolve({
22 | responseStatus: 'loggedIn',
23 | session,
24 | });
25 | });
26 |
27 | session.once('timeout', () => {
28 | resolve({
29 | responseStatus: 'defaultError',
30 | });
31 | });
32 |
33 | session.once('error', (_err) => {
34 | console.log('Error');
35 | resolve({
36 | responseStatus: 'defaultError',
37 | });
38 | });
39 | try {
40 | emitterAccount.once('qrLogin:cancel', () => {
41 | session.removeAllListeners('authenticated');
42 | session.removeAllListeners('timeout');
43 | session.removeAllListeners('error');
44 | session.cancelLoginAttempt();
45 | });
46 | const { qrChallengeUrl } = await session.startWithQR();
47 | emitterAccount.emit('qrLogin:show', qrChallengeUrl);
48 | } catch {
49 | resolve({
50 | responseStatus: 'defaultError',
51 | });
52 | }
53 | });
54 | }
55 |
--------------------------------------------------------------------------------
/src/renderer/views/overview/overview.tsx:
--------------------------------------------------------------------------------
1 |
2 | import { useSelector } from 'react-redux';
3 | import { BrowserRouter as Router, Route } from 'react-router-dom';
4 | import RunOverview from './runOverview';
5 |
6 | function overviewContent() {
7 | const tradeUpData = useSelector((state: any) => state.tradeUpReducer);
8 | const pricesResult = useSelector((state: any) => state.pricingReducer);
9 | const settingsData = useSelector((state: any) => state.settingsReducer);
10 | let totalFloat = 0;
11 | let totalPrice = 0;
12 | tradeUpData.tradeUpProducts.forEach((element) => {
13 | totalFloat += element.item_paint_wear;
14 | totalPrice +=
15 | pricesResult.prices[element.item_name + element.item_wear_name || '']?.['steam_listing'] *
16 | settingsData.currencyPrice[settingsData.currency];
17 | });
18 | totalFloat = totalFloat / tradeUpData.tradeUpProducts.length;
19 | let totalEV = 0;
20 | tradeUpData.possibleOutcomes.forEach((element) => {
21 | let individualPrice =
22 | pricesResult?.prices[element.item_name + element.item_wear_name || '']?.['steam_listing'] * settingsData.currencyPrice[settingsData.currency];
23 | totalEV += individualPrice * (element.percentage / 100);
24 | console.log(
25 | element,
26 | element.percentage,
27 | individualPrice * (element.percentage / 100)
28 | );
29 | });
30 | totalEV
31 | totalPrice
32 |
33 | return (
34 | <>
35 |
45 |
46 | );
47 | }
48 | export default function OverviewPage() {
49 | return (
50 |
51 |
52 |
53 | );
54 | }
55 |
--------------------------------------------------------------------------------
/src/renderer/store/actions/moveToActions.tsx:
--------------------------------------------------------------------------------
1 | export const moveToSetHide = () => {
2 | return {
3 | type: 'MOVE_TO_SET_HIDE'
4 | }
5 | }
6 | export const moveToSetFull = () => {
7 | return {
8 | type: 'MOVE_TO_SET_FULL'
9 | }
10 | }
11 | export const moveToClearAll = () => {
12 | return {
13 | type: 'MOVE_TO_CLEAR_ALL'
14 | }
15 | }
16 | export const doCancel = (doCancel) => {
17 | return {
18 | type: 'DO_CANCEL',
19 | payload: {
20 | doCancel: doCancel
21 | }
22 | }
23 | }
24 | export const moveTosetSearchField = (searchField) => {
25 | return {
26 | type: 'MOVE_TO_SET_SEARCH',
27 | payload: {
28 | searchField: searchField
29 | }
30 | }
31 | }
32 | export const moveTosetSearchFieldStorage = (searchField) => {
33 | return {
34 | type: 'MOVE_TO_SET_SEARCH_STORAGE',
35 | payload: {
36 | searchField: searchField
37 | }
38 | }
39 | }
40 |
41 | export const moveToAddCasketToStorages = (casketID, casketVolume) => {
42 | return {
43 | type: 'MOVE_TO_ADD_TO',
44 | payload: {
45 | casketID: casketID,
46 | casketVolume: casketVolume
47 | }
48 | }
49 | }
50 |
51 | export const moveToSetStorageAmount = (storageAmount) => {
52 | return {
53 | type: 'SET_STORAGE_AMOUNT',
54 | payload: {
55 | storageAmount: storageAmount
56 | }
57 | }
58 | }
59 | export const moveToAddRemove = (casketID, itemID, totalItems, itemName) => {
60 | return {
61 | type: 'MOVE_TO_TOTAL_TO_ADD',
62 | payload: {
63 | casketID: casketID,
64 | toMove: totalItems,
65 | itemID: itemID,
66 | itemName:itemName
67 |
68 | }
69 | }
70 | }
71 |
72 |
73 |
--------------------------------------------------------------------------------
/src/main/scripts/versionHelper.tsx:
--------------------------------------------------------------------------------
1 | import axios from 'axios';
2 | import { GithubResponse } from 'main/interfaces/mainInterfaces';
3 |
4 |
5 | async function getGithubVersion(platform: string): Promise {
6 | return new Promise((resolve) => {
7 | axios
8 | .get('https://api.github.com/repos/nombersDev/casemove/releases')
9 | .then((response) => {
10 | const responseData: JSON = response.data;
11 |
12 | for (const [_key, value] of Object.entries(responseData)) {
13 | if (value.prerelease == false) {
14 | console.log('githubVersion', value.tag_name.replaceAll('.', ''));
15 | let downloadLink: string = value['html_url'];
16 | console.log('Platform: ', platform)
17 |
18 | // Find the relevant download link
19 | switch (platform) {
20 | case 'win32':
21 | value.assets.forEach((element) => {
22 | if (element.name.includes('.exe') && !element.name?.toLowerCase()?.includes('blockmap')) {
23 | downloadLink = element.browser_download_url;
24 | }
25 | });
26 | break;
27 |
28 | case 'linux':
29 | value.assets.forEach((element) => {
30 | if (element.name.includes('.dmg')) {
31 | downloadLink = element.browser_download_url;
32 | }
33 | });
34 | break;
35 |
36 | default:
37 | break
38 | }
39 |
40 | resolve({
41 | version: parseInt(value.tag_name.replaceAll('.', '').replaceAll('v', '')),
42 | downloadLink: downloadLink,
43 | });
44 | break;
45 | }
46 | }
47 | });
48 | });
49 | }
50 |
51 | export { getGithubVersion };
52 |
--------------------------------------------------------------------------------
/src/renderer/components/content/shared/titleBarWindows.tsx:
--------------------------------------------------------------------------------
1 | import TitleBarClose from "./iconsLogo/close";
2 | import TitleBarMaximize from "./iconsLogo/maximize";
3 | import TitleBarMinimize from "./iconsLogo/minimize";
4 |
5 | export default function TitleBarWindows() {
6 |
7 | async function sendAction(whichOption) {
8 | window.electron.ipcRenderer.handleWindowsActions(whichOption)
9 | }
10 | return (
11 | <>
12 | {/* Page title & actions */}
13 |
14 |
15 |
23 |
24 |
25 |
32 |
33 |
34 |
41 |
42 |
14 |
15 |
16 | {itemRow.stickers?.map((sticker, index) => (
17 |
23 | ![]()
26 | setStickerHover(index + itemRow.item_id)
27 | }
28 | onMouseLeave={() => setStickerHover('')}
29 | className={classNames(
30 | stickerHover == index + itemRow.item_id
31 | ? 'transform-gpu hover:-translate-y-1 hover:scale-110'
32 | : '',
33 | 'max-w-none h-8 w-8 rounded-full hover:shadow-sm text-black hover:bg-gray-50 transition duration-500 ease-in-out hover:text-white hover:bg-green-600 ring-2 object-cover ring-transparent bg-gradient-to-t from-gray-100 to-gray-300 dark:from-gray-300 dark:to-gray-400'
34 | )}
35 | src={
36 | createCSGOImage(sticker.sticker_url)
37 | }
38 | alt={sticker.sticker_name}
39 | title={sticker.sticker_name}
40 | />
41 |
42 | ))}
43 |
44 | | : '' }
46 |
47 |
48 | );
49 | }
50 |
--------------------------------------------------------------------------------
/src/renderer/functionsClasses/storageUnits/storageUnitsFunctions.tsx:
--------------------------------------------------------------------------------
1 |
2 | import { ItemRow, ItemRowStorage } from "renderer/interfaces/items";
3 | import { State } from "renderer/interfaces/states";
4 | import { HandleStorageData } from "./storageUnitsClass";
5 |
6 | function sorting(valueOne, valueTwo) {
7 | if (valueOne < valueTwo) {
8 | return -1;
9 | }
10 | if (valueOne > valueTwo) {
11 | return 1;
12 | }
13 | return 0;
14 | }
15 | class Sort {
16 | itemArray: Array
17 | constructor(itemArray: Array) {
18 | this.itemArray = itemArray
19 | }
20 |
21 | async item_customname() {
22 | return this.itemArray.sort(function(a, b) {
23 | return sorting(a.item_customname || '0000', b.item_customname || '0000')
24 | })
25 |
26 | }
27 | }
28 |
29 | export async function getAllStorages(
30 | dispatch: Function,
31 | state: State
32 | ) {
33 |
34 | // Filter the storage inventory
35 | const casketResults = await state.inventoryReducer.inventory.filter(function (row) {
36 | if (!row.item_url.includes('casket')) {
37 | return false; // skip
38 | }
39 | if (row.item_storage_total == 0) {
40 | return false; // skip
41 | }
42 | if (
43 | state.moveFromReducer.searchInputStorage != '' &&
44 | !row?.item_customname?.toLowerCase()?.includes(state.moveFromReducer.searchInputStorage)
45 | ) {
46 | return false; // skip
47 | }
48 | if (row.item_storage_total == 1000 && state.moveFromReducer.hideFull) {
49 | return false; // skip
50 | }
51 | return true;
52 | });
53 |
54 | async function sendArrayAddStorage(returnValue: Array) {
55 | let StorageClass = new HandleStorageData(dispatch, state)
56 | let addArray: Array = []
57 | for (const [_key, project] of Object.entries(returnValue)) {
58 | if (!state.moveFromReducer.activeStorages.includes(project.item_id)) {
59 | addArray = [...addArray, ...await StorageClass.addStorage(
60 | project as ItemRowStorage,
61 | addArray
62 |
63 | )]
64 | }
65 | }
66 | return
67 | }
68 |
69 | // Handle storage data
70 | let SortingClass = new Sort(casketResults)
71 | return SortingClass.item_customname().then((returnValue) => {
72 | return sendArrayAddStorage(returnValue)
73 | })
74 |
75 |
76 |
77 | }
78 |
--------------------------------------------------------------------------------
/src/renderer/store/reducer/settings.tsx:
--------------------------------------------------------------------------------
1 | import { Settings } from 'renderer/interfaces/states';
2 |
3 | const initialState: Settings = {
4 | fastMove: false,
5 | currency: 'USD',
6 | locale: 'EN-GB',
7 | os: '',
8 | steamLoginShow: true,
9 | devmode: false,
10 | columns: [
11 | 'Price',
12 | 'Stickers/patches',
13 | 'Storage',
14 | 'Tradehold',
15 | 'Moveable',
16 | 'Inventory link',
17 | ],
18 | currencyPrice: {},
19 | source: {
20 | title: 'steam_listing',
21 | name: 'Steam Community Market',
22 | avatar: 'https://steamcommunity.com/favicon.ico',
23 | },
24 | overview: {
25 | by: 'price',
26 | chartleft: 'overall',
27 | chartRight: 'itemDistribution',
28 | },
29 | };
30 |
31 | const settingsReducer = (state = initialState, action) => {
32 | switch (action.type) {
33 | case 'SETTINGS_SET_FASTMOVE':
34 | return {
35 | ...state,
36 | fastMove: action.payload,
37 | };
38 | case 'SETTINGS_SET_COLUMNS':
39 | return {
40 | ...state,
41 | columns: action.payload,
42 | };
43 | case 'SETTINGS_SET_CURRENCY':
44 | if (action.payload == true) {
45 | return {
46 | ...state,
47 | };
48 | }
49 | return {
50 | ...state,
51 | currency: action.payload,
52 | };
53 |
54 | case 'SETTINGS_SET_STEAMLOGINSHOW':
55 | return {
56 | ...state,
57 | steamLoginShow: action.payload,
58 | };
59 |
60 | case 'SETTINGS_SET_LOCALE':
61 | return {
62 | ...state,
63 | locale: action.payload,
64 | };
65 | case 'SETTINGS_SET_OS':
66 | return {
67 | ...state,
68 | os: action.payload,
69 | };
70 | case 'SETTINGS_SET_DEVMODE':
71 | return {
72 | ...state,
73 | devmode: action.payload,
74 | };
75 | case 'SETTINGS_SET_OVERVIEW':
76 | return {
77 | ...state,
78 | overview: action.payload,
79 | };
80 | case 'SETTINGS_ADD_CURRENCYPRICE':
81 | let currencyDict = state.currencyPrice;
82 | currencyDict[action.payload.currency] = action.payload.rate;
83 | return {
84 | ...state,
85 | currency: action.payload.currency,
86 | currencyPrice: currencyDict,
87 | };
88 |
89 | default:
90 | return { ...state };
91 | }
92 | };
93 |
94 | export default settingsReducer;
95 |
--------------------------------------------------------------------------------
/src/renderer/views/overview/barChatMajors.tsx:
--------------------------------------------------------------------------------
1 |
2 | import { Bar } from 'react-chartjs-2';
3 | import { useSelector } from 'react-redux';
4 | import {itemSubCategories} from 'renderer/components/content/shared/categories';
5 | import Chart from 'chart.js/auto';
6 | Chart
7 |
8 |
9 | export default function BarAppMajor() {
10 |
11 | // Bar options
12 | // @ts-ignore
13 | const options = {
14 | plugins: {
15 | legend: {
16 | labels: {
17 | color: '#d6d3cd',
18 | },
19 |
20 | },
21 | title: {
22 | display: true,
23 | text: 'Majors',
24 | color: '#d6d3cd'
25 | }
26 | }
27 | };
28 |
29 | // Go through inventory and find matching categories
30 | const inventory = useSelector((state: any) => state.inventoryReducer);
31 |
32 | // Convert inventory to chart data
33 | let inventoryDataToUse: Array = [];
34 | let storageUnitDataToUse: Array = [];
35 |
36 | Object.keys(itemSubCategories.majors).forEach(category => {
37 | const inventoryResult = inventory.combinedInventory.filter(itemRow => itemRow.major == category);
38 | const storageResult = inventory.storageInventory.filter(itemRow => itemRow.major == category);
39 | let categoryCounter = 0
40 | inventoryResult.forEach(element => {
41 | categoryCounter = categoryCounter + element.combined_QTY
42 | });
43 | let storageCounter = 0
44 | storageResult.forEach(element => {
45 | storageCounter = storageCounter + element.combined_QTY
46 | });
47 |
48 | inventoryDataToUse.push(categoryCounter)
49 | storageUnitDataToUse.push(storageCounter)
50 | });
51 | console.log(storageUnitDataToUse)
52 |
53 |
54 | const data = {
55 | labels: Object.keys(itemSubCategories.majors),
56 |
57 |
58 | datasets: [
59 | {
60 | label: 'Inventory',
61 | data: inventoryDataToUse,
62 | backgroundColor: 'rgba(255, 99, 132, 0.2)',
63 | borderColor: 'rgba(255, 99, 132, 1)',
64 | borderWidth: 1,
65 | },
66 | {
67 | label: 'Storage Units',
68 | data: storageUnitDataToUse,
69 | backgroundColor: 'rgb(50, 91, 136, 0.2)',
70 | borderColor: 'rgb(50, 91, 136, 1)',
71 | borderWidth: 1,
72 | },
73 | ],
74 | };
75 | // @ts-ignore
76 | return (
77 | <>
78 |
79 |
80 |
81 | );
82 | }
83 |
--------------------------------------------------------------------------------
/src/renderer/functionsClasses/downloadReport.tsx:
--------------------------------------------------------------------------------
1 | import { ItemRow, ItemRowStorage } from "renderer/interfaces/items";
2 | import { Prices, Settings } from "renderer/interfaces/states";
3 | import { ConvertPricesFormatted } from "./prices";
4 |
5 | async function handleDownload(storageData) {
6 | let csvContent =
7 | 'Item Name,Item Custom Name,Price,Price Combined,Item Moveable,Storage Name,Tradehold,Category,Combined QTY,Item Wear Name,Item Paint Wear,Item Has Stickers/Patches,Stickers\n';
8 | var csv = storageData
9 | .map(function (d) {
10 | let storageName = d.storage_name;
11 | if (storageName == undefined) {
12 | storageName = '#Inventory';
13 | }
14 |
15 | let stickersData = d.stickers;
16 | // @ts-ignore
17 | if (stickersData != []) {
18 | let newStickers = [] as any;
19 | stickersData.forEach((element) => {
20 | newStickers.push(element.sticker_name);
21 | });
22 | stickersData = newStickers.join(';');
23 | }
24 | const returnDict = {
25 | item_name: d.item_name,
26 | item_customname: d.item_customname,
27 | price: d.item_price,
28 | price_combined: d.item_price_combined,
29 | item_moveable: d.item_moveable,
30 | storage_name: storageName,
31 | trade_unlock: d.trade_unlock,
32 | category: d.category,
33 | combined_QTY: d.combined_QTY,
34 | item_wear_name: d.item_wear_name,
35 | item_paint_wear: d.item_paint_wear,
36 | item_has_stickers: d.item_has_stickers,
37 | item_stickers: stickersData,
38 | };
39 | return JSON.stringify(Object.values(returnDict));
40 | })
41 | .join('\n')
42 | .replaceAll('null', '')
43 | .replace(/(^\[)|(\]$)/gm, '');
44 | csv = csvContent + csv;
45 | window.electron.ipcRenderer.downloadFile(csv);
46 | }
47 |
48 | export async function downloadReport(settingsData: Settings, pricesReducer: Prices, itemArray: Array ) {
49 | const PricesClassFormatted = new ConvertPricesFormatted(settingsData, pricesReducer)
50 | itemArray.forEach((element: any) => {
51 | element.item_price = PricesClassFormatted.getFormattedPrice(element);
52 | element.item_price_combined = PricesClassFormatted.getFormattedPriceCombined(element);
53 | });
54 |
55 | handleDownload(itemArray);
56 | }
57 |
--------------------------------------------------------------------------------
/src/renderer/components/content/shared/iconsLogo/logo.tsx:
--------------------------------------------------------------------------------
1 | const Logo = (props) => (
2 |
21 | );
22 |
23 | export default Logo;
24 |
--------------------------------------------------------------------------------
/src/renderer/components/content/shared/steamLogo.tsx:
--------------------------------------------------------------------------------
1 | const SteamLogo = (props) => (
2 |
14 | )
15 |
16 | export default SteamLogo
17 |
18 |
--------------------------------------------------------------------------------
/src/renderer/components/content/shared/iconsLogo/logo 2.tsx:
--------------------------------------------------------------------------------
1 | const Logo = (props) => (
2 |
19 | );
20 |
21 | export default Logo;
22 |
--------------------------------------------------------------------------------
/src/main/helpers/classes/steam/currency.tsx:
--------------------------------------------------------------------------------
1 | const CC = require('currency-converter-lt');
2 |
3 | async function setBackUp(currencyClass) {
4 | let rates = require('./backup/currency.json')
5 | currencyClass.setRates(rates.rates)
6 | }
7 |
8 | async function getLiveRates(currencyClass) {
9 | console.log('here')
10 | let currencyConverter = new CC({isDecimalComma:true});
11 | currencyConverter.from('USD').to('EUR').amount(100).convert().then((response) => {
12 | console.log(response)
13 |
14 | let secondConverter = new CC();
15 | secondConverter.from('USD').to('EUR').amount(100).convert().then((secondResponse) => {
16 | if (response < secondResponse) {
17 | currencyClass.setCurrencyClass(currencyConverter)
18 | } else {
19 | currencyClass.setCurrencyClass(secondConverter)
20 | }
21 | })
22 | }).catch(_error => {
23 | console.log('Error initilizing')
24 | } )
25 | console.log('here 2')
26 | }
27 |
28 | class currency {
29 | rates = {};
30 | currencyConverter
31 | seenRates = {}
32 |
33 | constructor() {
34 | setBackUp(this)
35 | getLiveRates(this)
36 | }
37 |
38 | // Setup backup
39 | setRates(rates) {
40 | this.rates = rates
41 | }
42 |
43 | // Setup for live rates
44 | setCurrencyClass(converter) {
45 | this.currencyConverter = converter
46 | }
47 |
48 |
49 | getRate(exchangeTo) {
50 | return new Promise((resolve) => {
51 | if (this.seenRates[exchangeTo] != undefined) {
52 | resolve(this.seenRates[exchangeTo])
53 | }
54 | if (this.currencyConverter == undefined) {
55 | resolve(this.rates[exchangeTo])
56 | }
57 | this.currencyConverter.from('USD').to(exchangeTo).amount(100).convert().then((response) => {
58 | let rate = response / 100
59 | if (typeof rate === 'number' && !Number.isNaN(rate)) {
60 | this.seenRates[exchangeTo] = rate
61 | resolve(rate)
62 | } else {
63 | resolve(this.rates[exchangeTo])
64 | }
65 | }).catch(error => {
66 | console.log('error occurred', error)
67 | resolve(this.rates[exchangeTo])
68 | })
69 | });
70 | }
71 | }
72 |
73 | // const currencyClass = new currency()
74 |
75 | // sleep time expects milliseconds
76 | //function sleep (time) {
77 | // return new Promise((resolve) => setTimeout(resolve, time));
78 | //}
79 |
80 | // Usage!
81 | //sleep(5000).then(() => {
82 | // currencyClass.getRate('EUR').then((returnValue) => {
83 | // console.log(returnValue)
84 | // })
85 | //});
86 |
87 |
88 | module.exports = {
89 | currency
90 | };
91 | export { currency };
92 |
93 |
--------------------------------------------------------------------------------
/src/renderer/components/content/Inventory/inventory.tsx:
--------------------------------------------------------------------------------
1 | import { BrowserRouter as Router, Route } from 'react-router-dom';
2 | import InventoryFilters from './filterHeader';
3 | import InventoryRowsComponent from './inventoryRows';
4 | import { useState } from 'react';
5 | import { LoadingButton } from '../shared/animations';
6 | import { RefreshIcon } from '@heroicons/react/solid';
7 |
8 | function content() {
9 | const [getLoadingButton, setLoadingButton] = useState(false);
10 | setLoadingButton;
11 |
12 | // Get the inventory
13 | async function refreshInventory() {
14 | window.electron.ipcRenderer.refreshInventory();
15 | }
16 |
17 | return (
18 | <>
19 | {/* Page title & actions */}
20 |
21 |
22 |
23 | Inventory
24 |
25 |
26 |
27 |
42 |
43 |
49 |
50 |
51 | Storages
52 |
53 |
54 |
29 |
30 |
31 |
34 | {/* Use an "onChange" listener to redirect the user to the selected tab URL. */}
35 |
45 |
46 |
47 |
69 |
70 |
71 |
32 |
33 |
34 |
35 |
36 | {productsToUse.map((projectRow) => (
37 |
41 | {projectRow.item_name == 'EMPTY' ? (
42 |
48 | ) : (
49 |
67 | )}
68 |
69 | ))}
70 |
71 |
72 |
73 |
74 |
77 |
32 |
33 |
34 |
35 |
36 | {productsToUse.map((projectRow) => (
37 |
41 | {projectRow.item_name == 'EMPTY' ? (
42 |
48 | ) : (
49 |
67 | )}
68 |
69 | ))}
70 |
71 |
72 |
73 |
74 |
77 |
24 |
25 | {/* Notification panel, dynamically insert this into the live region when it needs to be displayed */}
26 |
36 |
37 |
38 |
39 |
40 | {success ? (
41 |
45 | ) : (
46 |
50 | )}
51 |
52 |
53 |
54 | {titleToDisplay}
55 |
56 |
57 | {textToDisplay}
58 |
59 |
60 |
61 |
70 |
71 |
72 |
73 |
75 |
76 |
38 |
39 | {optionsObject[selected]}
40 |
41 |
42 |
43 |
44 |
45 |
52 |
53 | {Object.entries(optionsObject).map(([key, name]: any) => (
54 |
57 | classNames(
58 | active ? 'bg-dark-level-four' : '',
59 | 'cursor-default select-none text-dark-white relative py-2 pl-3 pr-9'
60 | )
61 | }
62 | value={key}
63 | >
64 | {({ selected, active }) => (
65 | <>
66 |
67 | {name}
68 |
69 |
70 | {selected ? (
71 |
77 |
78 |
79 | ) : null}
80 |
81 | )}
82 |
83 | ))}
84 |
85 |
86 |
87 |
88 | )}
89 |
90 | )
91 | }
92 |
--------------------------------------------------------------------------------
/src/renderer/store/actions/filtersInventoryActions.tsx:
--------------------------------------------------------------------------------
1 | import { sortDataFunction } from "renderer/components/content/shared/filters/inventoryFunctions"
2 | import { Filter } from "renderer/interfaces/filters"
3 | import { State } from "renderer/interfaces/states"
4 | import _ from 'lodash';
5 | import { filterItemRows } from "renderer/functionsClasses/filters/custom";
6 |
7 | export const allButClear = (filterString: any, sortValue, inventoryFiltered) => {
8 | return {
9 | type: 'ALL_BUT_CLEAR',
10 | payload: {
11 | inventoryFilter: filterString,
12 | sortValue: sortValue,
13 | inventoryFiltered: inventoryFiltered
14 |
15 | }
16 | }
17 | }
18 | export const inventorySetFilteredStorage = (storageFilter, storageFiltered) => {
19 | return {
20 | type: 'SET_FILTERED_STORAGE',
21 | payload: {
22 | storageFiltered,
23 | storageFilter
24 |
25 | }
26 | }
27 | }
28 | export const inventorySetFilter = (inventoryFilter: any, sortValue, inventoryFiltered) => {
29 | return {
30 | type: 'SET_FILTERED',
31 | payload: {
32 | inventoryFilter,
33 | sortValue,
34 | inventoryFiltered
35 | }
36 | }
37 | }
38 | export const filterInventoryClearAll = () => {
39 | return {
40 | type: 'CLEAR_ALL'
41 | }
42 | }
43 | export const inventoryFilterSetSearch = (searchField) => {
44 | return {
45 | type: 'INVENTORY_FILTERS_SET_SEARCH',
46 | payload: {
47 | searchField: searchField
48 | }
49 | }
50 | }
51 |
52 | export const inventoryAddCategoryFilter = (filterToAdd) => {
53 | return {
54 | type: 'INVENTORY_ADD_CATEGORY_FILTER',
55 | payload: filterToAdd
56 | }
57 | }
58 | export const inventoryAddRarityFilter = (filterToAdd) => {
59 | return {
60 | type: 'INVENTORY_ADD_RARITY_FILTER',
61 | payload: filterToAdd
62 | }
63 | }
64 |
65 | export async function storageInventoryAddOption(currentState: State, newFilter: Filter) {
66 | let newFilterState = [] as Array;
67 | let wasSeen: boolean = false;
68 | currentState.inventoryFiltersReducer.storageFilter.forEach(element => {
69 | if (!_.isEqual(element, newFilter)) {
70 | newFilterState.push(element)
71 |
72 | } else {
73 | wasSeen = true;
74 | }
75 | });
76 |
77 | if (!wasSeen) {
78 | newFilterState.push(newFilter)
79 | }
80 |
81 | let filteredStorage = await filterItemRows(currentState.inventoryReducer.storageInventory, newFilterState)
82 | filteredStorage = await sortDataFunction(currentState.moveFromReducer.sortValue, filteredStorage, currentState.pricingReducer.prices, currentState.settingsReducer?.source?.title)
83 | return inventorySetFilteredStorage(newFilterState, filteredStorage)
84 | }
85 |
86 | export async function filterInventoryAddOption(currentState: State, newFilter: Filter) {
87 | let newFilterState = [] as Array;
88 | let wasSeen: boolean = false;
89 | currentState.inventoryFiltersReducer.inventoryFilter.forEach(element => {
90 | if (!_.isEqual(element, newFilter)) {
91 | newFilterState.push(element)
92 |
93 | } else {
94 | wasSeen = true;
95 | }
96 | });
97 |
98 | if (!wasSeen) {
99 | newFilterState.push(newFilter)
100 | }
101 | let filteredInv = await filterItemRows(currentState.inventoryReducer.combinedInventory, newFilterState)
102 | filteredInv = await sortDataFunction(currentState.inventoryFiltersReducer.sortValue, filteredInv, currentState.pricingReducer.prices, currentState.settingsReducer?.source?.title)
103 | return inventorySetFilter(newFilterState, currentState.inventoryFiltersReducer.sortValue, filteredInv)
104 | }
105 |
106 | export async function filterInventorySetSort(currentState: State, newSort: string) {
107 | let inventoryData = sortDataFunction(newSort, currentState.inventoryReducer.inventory, currentState.pricingReducer.prices, currentState.settingsReducer?.source?.title)
108 | return allButClear(currentState.inventoryFiltersReducer.inventoryFilter, newSort, inventoryData)
109 | }
110 |
--------------------------------------------------------------------------------
/src/renderer/components/content/shared/modals & notifcations/modalTradeResult.tsx:
--------------------------------------------------------------------------------
1 | import { Fragment } from 'react';
2 | import { Dialog, Transition } from '@headlessui/react';
3 | import { useDispatch, useSelector } from 'react-redux';
4 | import { setTradeMoveResult } from 'renderer/store/actions/modalTrade';
5 | import { tradeUpResetPossible } from 'renderer/store/actions/tradeUpActions';
6 | import { createCSGOImage } from '../../../../functionsClasses/createCSGOImage';
7 |
8 | export default function TradeResultModal() {
9 | const dispatch = useDispatch();
10 | const modalData = useSelector((state: any) => state.modalTradeReducer);
11 |
12 | let devMode = false;
13 |
14 | async function setDone() {
15 | dispatch(setTradeMoveResult())
16 | dispatch(tradeUpResetPossible())
17 | }
18 |
19 |
20 | return (
21 |
22 |
89 |
90 | );
91 | }
92 |
--------------------------------------------------------------------------------
/src/renderer/store/inventory/inventoryClass.tsx:
--------------------------------------------------------------------------------
1 | import { Inventory } from "renderer/interfaces/states";
2 | import { InventoryMatchingObject } from "./inventoryInterfaces";
3 |
4 | const initialState: Inventory = {
5 | inventory: [],
6 | combinedInventory: [],
7 | storageInventory: [],
8 | storageInventoryRaw: [],
9 | totalAccountItems: 0,
10 | itemsLookUp: {}
11 | };
12 |
13 |
14 | export class InventoryActionsReducer {
15 |
16 | matchingObject: InventoryMatchingObject = {
17 | 'INVENTORY_SET_INVENTORY': this.setInventory,
18 | 'INVENTORY_STORAGES_ADD_TO': this.addStorageUnitsItems,
19 | 'INVENTORY_STORAGES_CLEAR_CASKET': this.clearStorageUnitItems,
20 | 'INVENTORY_STORAGES_SET_SORT_STORAGES': this.setSortStorageUnits,
21 | 'INVENTORY_STORAGES_CLEAR_ALL': this.clearAllStorageUnits,
22 | 'MOVE_FROM_CLEAR': this.clearAllStorageUnits,
23 | 'SIGN_OUT': this.initialState
24 |
25 | }
26 | relevantFunction: Function
27 | state: Inventory
28 | action
29 |
30 | constructor(state = initialState, action: any) {
31 | this.relevantFunction = this.default
32 | if (action.type in this.matchingObject) {
33 | this.relevantFunction = this.matchingObject[action.type]
34 | }
35 | this.state = state
36 | this.action = action
37 | }
38 |
39 | // Default
40 | default() {
41 | return {
42 | ...this.state
43 | }
44 | }
45 |
46 | // Initial state
47 | initialState() {
48 | return {
49 | ...initialState
50 | }
51 | }
52 |
53 |
54 |
55 | // Set the inventory whenever it changes
56 | setInventory() {
57 | let storageTotal = 0
58 |
59 | this.action.payload.inventory.forEach(element => {
60 | storageTotal += 1
61 | if (element.item_url == "econ/tools/casket") {
62 | storageTotal += element.item_storage_total
63 | }
64 | });
65 |
66 |
67 |
68 | return {
69 | ...this.state,
70 | inventory: this.action.payload.inventory,
71 | combinedInventory: this.action.payload.combinedInventory,
72 | totalAccountItems: storageTotal
73 | }
74 | }
75 |
76 | // Add storage unit items
77 | addStorageUnitsItems() {
78 | const add_to_filtered = this.state.storageInventory?.filter(id => id.storage_id != this.action.payload.casketID) || []
79 | const add_to_filtered_raw = this.state.storageInventoryRaw?.filter(id => id.storage_id != this.action.pay) || []
80 | this.action.payload.storageData.forEach(storageRow => add_to_filtered.push(storageRow))
81 | this.action.payload.storageRowsRaw.forEach(storageRow => {
82 | add_to_filtered_raw.push(storageRow)
83 | })
84 |
85 | return {
86 | ...this.state,
87 | storageInventory: add_to_filtered,
88 | storageInventoryRaw: add_to_filtered_raw
89 | }
90 | }
91 |
92 | // Clear a caskets storage unit items
93 | clearStorageUnitItems() {
94 | const AddToFiltered = this.state.storageInventory.filter(id => id.storage_id != this.action.payload.casketID)
95 | const AddToFilteredRaw = this.state.storageInventoryRaw.filter(id => id.storage_id != this.action.payload.casketID)
96 | return {
97 | ...this.state,
98 | storageInventory: AddToFiltered,
99 | storageInventoryRaw: AddToFilteredRaw
100 | }
101 | }
102 |
103 | // Set storage unit sort
104 | setSortStorageUnits() {
105 | return {
106 | ...this.state,
107 | storageInventory: this.action.payload.storageData
108 | }
109 | }
110 |
111 | // Clear all storage units
112 | clearAllStorageUnits() {
113 | return {
114 | ...this.state,
115 | storageInventory: initialState.storageInventory,
116 | storageInventoryRaw: initialState.storageInventoryRaw
117 | }
118 | }
119 |
120 | }
121 |
122 | export function inventoryReducer(state = initialState, action) {
123 | return new InventoryActionsReducer(state, action).relevantFunction()
124 | }
125 |
126 |
--------------------------------------------------------------------------------