move exclusion directly to planet list and add more info to simulation

This commit is contained in:
calli
2025-04-22 17:35:16 +03:00
parent 42f95c17de
commit efc28f7e36
6 changed files with 120 additions and 65 deletions

View File

@@ -3,8 +3,6 @@ import { planetCalculations } from "@/planets";
import { AccessToken, PlanetWithInfo } from "@/types"; import { AccessToken, PlanetWithInfo } from "@/types";
import { import {
Card, Card,
Checkbox,
FormControlLabel,
Table, Table,
TableBody, TableBody,
TableCell, TableCell,
@@ -20,12 +18,6 @@ import Image from "next/image";
import { ColorContext, SessionContext } from "@/app/context/Context"; import { ColorContext, SessionContext } from "@/app/context/Context";
import { useContext } from "react"; import { useContext } from "react";
export type PlanetConfig = {
characterId: number;
planetId: number;
excludeFromTotals: boolean;
};
export const PlanetConfigDialog = ({ export const PlanetConfigDialog = ({
planet, planet,
character, character,
@@ -35,14 +27,9 @@ export const PlanetConfigDialog = ({
}) => { }) => {
const theme = useTheme(); const theme = useTheme();
const { colors } = useContext(ColorContext); const { colors } = useContext(ColorContext);
const { piPrices, readPlanetConfig, updatePlanetConfig } = const { piPrices } = useContext(SessionContext);
useContext(SessionContext);
const { extractors, localProduction, localImports, localExports } = const { extractors, localProduction, localImports, localExports } =
planetCalculations(planet); planetCalculations(planet);
const planetConfig = readPlanetConfig({
characterId: character.character.characterId,
planetId: planet.planet_id,
});
return ( return (
<Card style={{ padding: "1rem", margin: "1rem" }}> <Card style={{ padding: "1rem", margin: "1rem" }}>
@@ -189,23 +176,6 @@ export const PlanetConfigDialog = ({
</TableRow> </TableRow>
</TableBody> </TableBody>
</Table> </Table>
<Card style={{ marginTop: "1rem" }}>
<Typography>Planet configuration</Typography>
<FormControlLabel
control={
<Checkbox
checked={planetConfig.excludeFromTotals}
onChange={() =>
updatePlanetConfig({
...planetConfig,
excludeFromTotals: !planetConfig.excludeFromTotals,
})
}
/>
}
label="Consumed by production chain"
/>
</Card>
</Card> </Card>
); );
}; };

View File

@@ -65,6 +65,7 @@ export interface ProductionNode {
quantity: number; quantity: number;
}>; }>;
cycleTime: number; cycleTime: number;
factoryCount: number;
} }
export interface ProductionChainBalance { export interface ProductionChainBalance {

View File

@@ -1,7 +1,6 @@
import React from 'react'; import React from 'react';
import { Box, Paper, Typography, Stack } from '@mui/material'; import { Box, Paper, Typography, Stack } from '@mui/material';
import { Line } from 'react-chartjs-2'; import { Line } from 'react-chartjs-2';
import { useTheme } from '@mui/material';
import { getProgramOutputPrediction, ProductionNode } from './ExtractionSimulation'; import { getProgramOutputPrediction, ProductionNode } from './ExtractionSimulation';
import { PI_TYPES_MAP } from '@/const'; import { PI_TYPES_MAP } from '@/const';
import { ProductionChainVisualization } from './ProductionChainVisualization'; import { ProductionChainVisualization } from './ProductionChainVisualization';
@@ -15,6 +14,8 @@ import {
Tooltip, Tooltip,
Legend Legend
} from 'chart.js'; } from 'chart.js';
import { DateTime } from 'luxon';
import Countdown from 'react-countdown';
ChartJS.register( ChartJS.register(
CategoryScale, CategoryScale,
@@ -43,6 +44,7 @@ export const ExtractionSimulationDisplay: React.FC<ExtractionSimulationDisplayPr
extractors, extractors,
productionNodes productionNodes
}) => { }) => {
const CYCLE_TIME = 30 * 60; // 30 minutes in seconds const CYCLE_TIME = 30 * 60; // 30 minutes in seconds
// Calculate program duration and cycles for each extractor // Calculate program duration and cycles for each extractor
@@ -57,6 +59,7 @@ export const ExtractionSimulationDisplay: React.FC<ExtractionSimulationDisplayPr
}; };
}); });
const maxCycles = Math.max(...extractorPrograms.map(e => e.cycles)); const maxCycles = Math.max(...extractorPrograms.map(e => e.cycles));
// Get output predictions for each extractor // Get output predictions for each extractor
@@ -156,10 +159,14 @@ export const ExtractionSimulationDisplay: React.FC<ExtractionSimulationDisplayPr
const installedSchematicIds = Array.from(new Set(productionNodes.map(node => node.schematicId))); const installedSchematicIds = Array.from(new Set(productionNodes.map(node => node.schematicId)));
// Create factories array with correct counts // Create factories array with correct counts
const factories = installedSchematicIds.map(schematicId => ({ const factories = installedSchematicIds.map(schematicId => {
schematic_id: schematicId, const node = productionNodes.find(n => n.schematicId === schematicId);
count: productionNodes.filter(node => node.schematicId === schematicId).length if (!node) return { schematic_id: schematicId, count: 0 };
})); return {
schematic_id: schematicId,
count: node.factoryCount
};
});
return ( return (
<Box> <Box>
@@ -191,6 +198,12 @@ export const ExtractionSimulationDisplay: React.FC<ExtractionSimulationDisplayPr
<Typography variant="body2" component="div" sx={{ pl: 2 }}> <Typography variant="body2" component="div" sx={{ pl: 2 }}>
Expiry Time: {new Date(expiryTime).toLocaleString()} Expiry Time: {new Date(expiryTime).toLocaleString()}
</Typography> </Typography>
<Typography variant="body2" component="div" sx={{ pl: 2 }}>
Factory Count: {factories.find(f => f.schematic_id === typeId)?.count ?? 0}
</Typography>
<Typography variant="body2" component="div" sx={{ pl: 2 }}>
Expires in: <Countdown overtime={true} date={DateTime.fromISO(expiryTime).toMillis()} />
</Typography>
</Stack> </Stack>
))} ))}
</Box> </Box>
@@ -204,7 +217,8 @@ export const ExtractionSimulationDisplay: React.FC<ExtractionSimulationDisplayPr
extractors={extractors.map(e => ({ extractors={extractors.map(e => ({
typeId: e.typeId, typeId: e.typeId,
baseValue: e.baseValue, baseValue: e.baseValue,
cycleTime: CYCLE_TIME cycleTime: CYCLE_TIME,
expiryTime: e.expiryTime
}))} }))}
factories={factories} factories={factories}
extractorTotals={extractorTotals} extractorTotals={extractorTotals}

View File

@@ -4,7 +4,7 @@ import { planetCalculations } from "@/planets";
import { AccessToken, PlanetWithInfo } from "@/types"; import { AccessToken, PlanetWithInfo } from "@/types";
import CloseIcon from "@mui/icons-material/Close"; import CloseIcon from "@mui/icons-material/Close";
import MoreVertIcon from '@mui/icons-material/MoreVert'; import MoreVertIcon from '@mui/icons-material/MoreVert';
import { Button, Tooltip, Typography, useTheme, Menu, MenuItem, IconButton } from "@mui/material"; import { Button, Tooltip, Typography, useTheme, Menu, MenuItem, IconButton, Checkbox, FormControlLabel } from "@mui/material";
import AppBar from "@mui/material/AppBar"; import AppBar from "@mui/material/AppBar";
import Dialog from "@mui/material/Dialog"; import Dialog from "@mui/material/Dialog";
import Slide from "@mui/material/Slide"; import Slide from "@mui/material/Slide";
@@ -72,14 +72,15 @@ export const PlanetTableRow = ({
setPlanetConfigOpen(false); setPlanetConfigOpen(false);
}; };
const { piPrices, alertMode } = useContext(SessionContext); const { piPrices, alertMode, updatePlanetConfig, readPlanetConfig } = useContext(SessionContext);
const planetInfo = planet.info; const planetInfo = planet.info;
const planetInfoUniverse = planet.infoUniverse; const planetInfoUniverse = planet.infoUniverse;
const { expired, extractors, localProduction, localImports, localExports } = const { expired, extractors, localProduction, localImports, localExports } =
planetCalculations(planet); planetCalculations(planet);
const planetConfig = character.planetConfig.find( const planetConfig = readPlanetConfig({
(p) => p.planetId === planet.planet_id, characterId: character.character.characterId,
); planetId: planet.planet_id,
});
const { colors } = useContext(ColorContext); const { colors } = useContext(ColorContext);
// Convert local production to ProductionNode array for simulation // Convert local production to ProductionNode array for simulation
const productionNodes: ProductionNode[] = Array.from(localProduction).map(([schematicId, schematic]) => ({ const productionNodes: ProductionNode[] = Array.from(localProduction).map(([schematicId, schematic]) => ({
@@ -94,7 +95,8 @@ export const PlanetTableRow = ({
typeId: output.type_id, typeId: output.type_id,
quantity: output.quantity quantity: output.quantity
})), })),
cycleTime: schematic.cycle_time cycleTime: schematic.cycle_time,
factoryCount: schematic.count || 1
})); }));
const storageFacilities = planetInfo.pins.filter(pin => const storageFacilities = planetInfo.pins.filter(pin =>
@@ -130,6 +132,13 @@ export const PlanetTableRow = ({
}; };
}; };
const handleExcludeChange = (event: React.ChangeEvent<HTMLInputElement>) => {
updatePlanetConfig({
...planetConfig,
excludeFromTotals: event.target.checked,
});
};
return ( return (
<> <>
<TableRow <TableRow
@@ -230,12 +239,17 @@ export const PlanetTableRow = ({
<TableCell> <TableCell>
<div style={{ display: "flex", flexDirection: "column" }}> <div style={{ display: "flex", flexDirection: "column" }}>
{localExports.map((exports) => ( {localExports.map((exports) => (
<Typography <FormControlLabel
key={`export-excluded-${character.character.characterId}-${planet.planet_id}-${exports.typeId}`} key={`export-excluded-${character.character.characterId}-${planet.planet_id}-${exports.typeId}`}
fontSize={theme.custom.smallText} control={
> <Checkbox
{planetConfig?.excludeFromTotals ? "ex" : ""} checked={planetConfig.excludeFromTotals}
</Typography> onChange={handleExcludeChange}
size="small"
/>
}
label=""
/>
))} ))}
</div> </div>
</TableCell> </TableCell>

View File

@@ -1,7 +1,9 @@
import React from 'react'; import React from 'react';
import { Box, Paper, Typography, Grid, Stack, Divider } from '@mui/material'; import { Box, Paper, Typography, Grid, Stack, Divider, Tooltip } from '@mui/material';
import { EVE_IMAGE_URL } from '@/const'; import { EVE_IMAGE_URL } from '@/const';
import { PI_TYPES_MAP } from '@/const'; import { PI_TYPES_MAP } from '@/const';
import { DateTime } from 'luxon';
import Countdown from 'react-countdown';
interface Factory { interface Factory {
schematic_id: number; schematic_id: number;
@@ -29,6 +31,7 @@ interface ProductionChainVisualizationProps {
typeId: number; typeId: number;
baseValue: number; baseValue: number;
cycleTime: number; cycleTime: number;
expiryTime: string;
}>; }>;
factories: Factory[]; factories: Factory[];
extractorTotals: Map<number, number>; extractorTotals: Map<number, number>;
@@ -39,8 +42,10 @@ export const ProductionChainVisualization: React.FC<ProductionChainVisualization
extractedTypeIds, extractedTypeIds,
factories, factories,
extractorTotals, extractorTotals,
productionNodes productionNodes,
extractors
}) => { }) => {
// Get all type IDs involved in the production chain // Get all type IDs involved in the production chain
const allTypeIds = new Set<number>(); const allTypeIds = new Set<number>();
const requiredInputs = new Set<number>(); const requiredInputs = new Set<number>();
@@ -214,9 +219,15 @@ export const ProductionChainVisualization: React.FC<ProductionChainVisualization
// Get factory count for a type // Get factory count for a type
const getFactoryCount = (typeId: number): number => { const getFactoryCount = (typeId: number): number => {
const node = nodesByOutput.get(typeId); // First find the node that produces this type
if (!node) return 0; const producingNode = productionNodes.find(node =>
return factories.find(f => f.schematic_id === node.schematicId)?.count ?? 0; node.outputs.some(output => output.typeId === typeId)
);
if (!producingNode) return 0;
// Then find the factory count for this schematic
return factories.find(f => f.schematic_id === producingNode.schematicId)?.count ?? 0;
}; };
// Get input requirements for a type // Get input requirements for a type
@@ -232,6 +243,11 @@ export const ProductionChainVisualization: React.FC<ProductionChainVisualization
return node?.cycleTime; return node?.cycleTime;
}; };
// Get extractor expiry time for a type
const getExtractorExpiryTime = (typeId: number): string | undefined => {
return extractors.find(e => e.typeId === typeId)?.expiryTime;
};
return ( return (
<Paper sx={{ p: 2, my: 2 }}> <Paper sx={{ p: 2, my: 2 }}>
<Typography variant="h6" gutterBottom> <Typography variant="h6" gutterBottom>
@@ -258,6 +274,7 @@ export const ProductionChainVisualization: React.FC<ProductionChainVisualization
const consumption = consumptionTotals.get(typeId) ?? 0; const consumption = consumptionTotals.get(typeId) ?? 0;
const inputs = getInputRequirements(typeId); const inputs = getInputRequirements(typeId);
const cycleTime = getSchematicCycleTime(typeId); const cycleTime = getSchematicCycleTime(typeId);
const expiryTime = getExtractorExpiryTime(typeId);
return ( return (
<Grid item key={typeId} xs={12} sm={6} md={4}> <Grid item key={typeId} xs={12} sm={6} md={4}>
@@ -292,19 +309,49 @@ export const ProductionChainVisualization: React.FC<ProductionChainVisualization
</Box> </Box>
</Box> </Box>
<Stack spacing={0.5}> <Stack spacing={0.5}>
{production > 0 && ( {factoryCount > 0 && (
<> <Typography variant="caption" color="info.main">
<Typography variant="caption" color="success.main"> Factories: {factoryCount}
Production: {production.toFixed(1)} units total </Typography>
)}
{inputs.length > 0 && (
<Box>
<Typography variant="caption" color="text.secondary">
Inputs:
</Typography> </Typography>
</> {inputs.map(input => (
<Typography
key={input.typeId}
variant="caption"
sx={{ display: 'block', ml: 1 }}
>
{PI_TYPES_MAP[input.typeId]?.name}: {input.quantity * factoryCount}/cycle
</Typography>
))}
</Box>
)}
{expiryTime && (
<Box>
<Typography variant="caption" color="text.secondary">
Extractor expires in:
</Typography>
<Typography variant="caption" sx={{ ml: 1 }}>
<Countdown
overtime={true}
date={DateTime.fromISO(expiryTime).toMillis()}
/>
</Typography>
</Box>
)}
{production > 0 && (
<Typography variant="caption" color="success.main">
Production: {production.toFixed(1)} units total
</Typography>
)} )}
{consumption > 0 && ( {consumption > 0 && (
<> <Typography variant="caption" color="error.main">
<Typography variant="caption" color="error.main"> Consumption: {consumption.toFixed(1)} units total
Consumption: {consumption.toFixed(1)} units total </Typography>
</Typography>
</>
)} )}
{isImported && ( {isImported && (
<> <>

View File

@@ -61,10 +61,19 @@ export const planetCalculations = (planet: PlanetWithInfo) => {
const schematic = PI_SCHEMATICS.find( const schematic = PI_SCHEMATICS.find(
(s) => s.schematic_id == f.schematic_id, (s) => s.schematic_id == f.schematic_id,
); );
if (schematic) acc.set(f.schematic_id, schematic); if (schematic) {
const existing = acc.get(f.schematic_id);
if (existing) {
// If we already have this schematic, increment its count
existing.count = (existing.count || 0) + 1;
} else {
// First time seeing this schematic, set count to 1
acc.set(f.schematic_id, { ...schematic, count: 1 });
}
}
} }
return acc; return acc;
}, new Map<SchematicId, (typeof PI_SCHEMATICS)[number]>()); }, new Map<SchematicId, (typeof PI_SCHEMATICS)[number] & { count: number }>());
const locallyProduced = Array.from(localProduction) const locallyProduced = Array.from(localProduction)
.flatMap((p) => p[1].outputs) .flatMap((p) => p[1].outputs)