feat: add 1.2 power and recipe multipliers settings

Author: rockfactory

src/codex/components/StatCard.tsx

@@ -43,7 +43,7 @@ export function SectionCard({
   title,
   children,
 }: {
-  title: string;
+  title: React.ReactNode;
   children: React.ReactNode;
 }) {
   return (

src/codex/items/CodexItemDetail.tsx

@@ -20,13 +20,15 @@ import {
 import { useMemo } from 'react';
 import { Link, Navigate, useParams } from 'react-router-dom';
 
+import { useRecipeMultiplier } from '@/games/gamesSlice';
 import {
   AllFactoryBuildings,
   AllFactoryBuildingsMap,
 } from '@/recipes/FactoryBuilding';
 import { AllFactoryItemsMap } from '@/recipes/FactoryItem';
 import { AllFactoryRecipes, type FactoryRecipe } from '@/recipes/FactoryRecipe';
 import { isDefaultRecipe, isMAMRecipe } from '@/recipes/graph/SchematicGraph';
+import { applyRecipeMultiplier } from '@/recipes/recipeMultiplier';
 import { FactoryItemImage } from '@/recipes/ui/FactoryItemImage';
 import { SectionCard, StatCard } from '../components/StatCard';
 import { getEarliestTierForItem } from '../tiers/tierUnlocks';
@@ -201,6 +203,7 @@ function RecipeTable({
   highlightResource: string;
   type: 'product' | 'ingredient';
 }) {
+  const recipeMultiplier = useRecipeMultiplier();
   return (
     <Table striped highlightOnHover>
       <Table.Thead>
@@ -221,9 +224,12 @@ function RecipeTable({
             type === 'product'
               ? recipe.products.find(p => p.resource === highlightResource)
               : recipe.ingredients.find(i => i.resource === highlightResource);
-          const rate = relevantPart
-            ? (relevantPart.amount * 60) / recipe.time
-            : 0;
+          const baseAmount = relevantPart ? relevantPart.amount : 0;
+          const effectiveAmount =
+            type === 'ingredient' && relevantPart
+              ? applyRecipeMultiplier(baseAmount, recipeMultiplier)
+              : baseAmount;
+          const rate = relevantPart ? (effectiveAmount * 60) / recipe.time : 0;
 
           return (
             <Table.Tr key={recipe.id}>

src/codex/recipes/CodexRecipeDetail.tsx

@@ -20,6 +20,7 @@ import {
 } from '@tabler/icons-react';
 import { Link, Navigate, useParams } from 'react-router-dom';
 
+import { useRecipeMultiplier } from '@/games/gamesSlice';
 import { AllFactoryBuildingsMap } from '@/recipes/FactoryBuilding';
 import { AllFactoryItemsMap } from '@/recipes/FactoryItem';
 import { AllFactoryRecipesMap } from '@/recipes/FactoryRecipe';
@@ -28,13 +29,16 @@ import {
   UnlockedByMap,
 } from '@/recipes/FactorySchematic';
 import { isDefaultRecipe, isMAMRecipe } from '@/recipes/graph/SchematicGraph';
+import { applyRecipeMultiplier } from '@/recipes/recipeMultiplier';
 import { FactoryItemImage } from '@/recipes/ui/FactoryItemImage';
 import { SectionCard, StatCard } from '../components/StatCard';
 
 export function CodexRecipeDetail() {
   const { id } = useParams<{ id: string }>();
   const recipe = id ? AllFactoryRecipesMap[id] : undefined;
 
+  const recipeMultiplier = useRecipeMultiplier();
+
   if (!recipe) return <Navigate to="/codex/recipes" replace />;
 
   const building = AllFactoryBuildingsMap[recipe.producedIn];
@@ -119,7 +123,20 @@ export function CodexRecipeDetail() {
             )}
         </SimpleGrid>
 
-        <SectionCard title="Recipe Flow">
+        <SectionCard
+          title={
+            recipeMultiplier !== 1 ? (
+              <Group gap="xs">
+                Recipe Flow
+                <Badge variant="light" color="cyan" size="sm">
+                  {recipeMultiplier}x ingredients
+                </Badge>
+              </Group>
+            ) : (
+              'Recipe Flow'
+            )
+          }
+        >
           <Group
             gap="md"
             align="center"
@@ -130,7 +147,16 @@ export function CodexRecipeDetail() {
             <Stack gap="xs" align="center" miw={120}>
               {recipe.ingredients.map(ing => {
                 const item = AllFactoryItemsMap[ing.resource];
-                const rate = (ing.amount * 60) / recipe.time;
+                const effectiveAmount = applyRecipeMultiplier(
+                  ing.amount,
+                  recipeMultiplier,
+                );
+                const effectiveDisplayAmount = applyRecipeMultiplier(
+                  ing.displayAmount,
+                  recipeMultiplier,
+                );
+                const rate = (effectiveAmount * 60) / recipe.time;
+                const isModified = effectiveDisplayAmount !== ing.displayAmount;
                 return (
                   <Anchor
                     key={ing.resource}
@@ -150,8 +176,26 @@ export function CodexRecipeDetail() {
                             {item?.displayName ?? ing.resource}
                           </Text>
                           <Text size="xs" c="dimmed">
-                            {ing.displayAmount} (
-                            {rate % 1 === 0 ? rate : rate.toFixed(2)}/min)
+                            {isModified && (
+                              <Text
+                                span
+                                size="xs"
+                                td="line-through"
+                                c="dimmed"
+                                mr={4}
+                              >
+                                {ing.displayAmount}
+                              </Text>
+                            )}
+                            <Text
+                              span
+                              size="xs"
+                              c={isModified ? 'cyan' : undefined}
+                              fw={isModified ? 600 : undefined}
+                            >
+                              {effectiveDisplayAmount}
+                            </Text>{' '}
+                            ({rate % 1 === 0 ? rate : rate.toFixed(2)}/min)
                           </Text>
                         </Stack>
                       </Group>

src/games/Game.ts

@@ -56,6 +56,8 @@ export interface GameSettings {
   maxPipeline?: string;
   orthogonalEdges?: boolean;
   disableEdgeAnimation?: boolean;
+  recipeMultiplier?: number;
+  powerConsumptionMultiplier?: number;
   /**
    * Controls whether the solver graph displays "Output to factory X" nodes
    * representing this factory's outputs flowing to downstream consumer

src/games/gamesSlice.ts

@@ -9,6 +9,10 @@ import {
   FactoryPipelinesExclAlternates,
 } from '@/recipes/FactoryBuilding';
 import { AllFactoryRecipes } from '@/recipes/FactoryRecipe';
+import {
+  DEFAULT_POWER_CONSUMPTION_MULTIPLIER,
+  DEFAULT_RECIPE_MULTIPLIER,
+} from '@/recipes/recipeMultiplier';
 import type { ParsedSatisfactorySave } from '@/recipes/savegame/ParseSavegameMessages';
 import { STATIC_COLLECTIBLE_IDS } from '@/recipes/WorldCollectibles';
 import type {
@@ -419,6 +423,22 @@ export function setShowOutputFactoriesNodes(
   });
 }
 
+export function useRecipeMultiplier(): number {
+  return useStore(
+    state =>
+      state.games.games[state.games.selected ?? '']?.settings
+        ?.recipeMultiplier ?? DEFAULT_RECIPE_MULTIPLIER,
+  );
+}
+
+export function usePowerConsumptionMultiplier(): number {
+  return useStore(
+    state =>
+      state.games.games[state.games.selected ?? '']?.settings
+        ?.powerConsumptionMultiplier ?? DEFAULT_POWER_CONSUMPTION_MULTIPLIER,
+  );
+}
+
 export function useGameSettingMaxPipeline() {
   const maxPipeline = useGameSetting('maxPipeline');
   if (!maxPipeline) return null;

src/games/settings/GameSettingsModal.tsx

@@ -21,6 +21,7 @@ import { useGameAllowedBuildings, useGameSettings } from '@/games/gamesSlice';
 import { SettingSectionNavButton } from './SettingSectionNavButton';
 import { AvailableBuildingsSection } from './sections/AvailableBuildingsSection';
 import { GraphDisplaySection } from './sections/GraphDisplaySection';
+import { RecipeMultiplierSection } from './sections/RecipeMultiplierSection';
 import { TransportLimitsSection } from './sections/TransportLimitsSection';
 import { UsageHighlightingSection } from './sections/UsageHighlightingSection';
 import { SETTINGS_SECTIONS, type SectionId } from './settingsSections';
@@ -45,6 +46,7 @@ export function GameSettingsModal() {
   const [activeSection, setActiveSection] = useState<SectionId>('highlighting');
 
   const sectionRefs = useRef<Record<SectionId, HTMLDivElement | null>>({
+    recipes: null,
     highlighting: null,
     transport: null,
     graph: null,
@@ -125,6 +127,11 @@ export function GameSettingsModal() {
             }}
           >
             <Stack gap="md">
+              <RecipeMultiplierSection
+                ref={setRef('recipes')}
+                settings={settings}
+                onChange={onChange}
+              />
               <UsageHighlightingSection
                 ref={setRef('highlighting')}
                 settings={settings}

src/games/settings/sections/RecipeMultiplierSection.tsx

@@ -0,0 +1,54 @@
+import { Select, Stack } from '@mantine/core';
+import {
+  DEFAULT_POWER_CONSUMPTION_MULTIPLIER,
+  DEFAULT_RECIPE_MULTIPLIER,
+  POWER_CONSUMPTION_MULTIPLIER_OPTIONS,
+  RECIPE_MULTIPLIER_OPTIONS,
+} from '@/recipes/recipeMultiplier';
+import { SettingSectionCard } from '../SettingSectionCard';
+import {
+  SETTINGS_SECTIONS,
+  type SectionComponentProps,
+} from '../settingsSections';
+
+const section = SETTINGS_SECTIONS.find(s => s.id === 'recipes')!;
+
+export function RecipeMultiplierSection({
+  ref,
+  settings,
+  onChange,
+}: SectionComponentProps) {
+  return (
+    <SettingSectionCard section={section} ref={ref}>
+      <Stack gap="md">
+        <Select
+          label="Recipe Parts Cost Multiplier"
+          description="Changes ingredient amounts in all recipes. Matches the in-game World Settings from Satisfactory 1.2."
+          data={RECIPE_MULTIPLIER_OPTIONS}
+          value={String(
+            settings?.recipeMultiplier ?? DEFAULT_RECIPE_MULTIPLIER,
+          )}
+          allowDeselect={false}
+          onChange={value => {
+            if (value == null) return;
+            onChange('recipeMultiplier')(Number(value));
+          }}
+        />
+        <Select
+          label="Power Consumption Multiplier"
+          description="Scales power consumption of all buildings. Matches the in-game World Settings from Satisfactory 1.2."
+          data={POWER_CONSUMPTION_MULTIPLIER_OPTIONS}
+          value={String(
+            settings?.powerConsumptionMultiplier ??
+              DEFAULT_POWER_CONSUMPTION_MULTIPLIER,
+          )}
+          allowDeselect={false}
+          onChange={value => {
+            if (value == null) return;
+            onChange('powerConsumptionMultiplier')(Number(value));
+          }}
+        />
+      </Stack>
+    </SettingSectionCard>
+  );
+}

src/games/settings/settingsSections.ts

@@ -1,14 +1,20 @@
 import {
   IconBuildingFactory2,
   IconHighlight,
+  IconPercentage,
   IconRoute,
   IconVectorBezier2,
 } from '@tabler/icons-react';
 import type { Ref } from 'react';
 import type { FormOnChangeHandler } from '@/core/form/useFormOnChange';
 import type { GameSettings } from '@/games/Game';
 
-export type SectionId = 'highlighting' | 'transport' | 'graph' | 'buildings';
+export type SectionId =
+  | 'recipes'
+  | 'highlighting'
+  | 'transport'
+  | 'graph'
+  | 'buildings';
 
 export interface SectionComponentProps {
   ref?: Ref<HTMLDivElement>;
@@ -25,6 +31,13 @@ export interface Section {
 }
 
 export const SETTINGS_SECTIONS: Section[] = [
+  {
+    id: 'recipes',
+    label: 'Cost Multipliers',
+    description: 'Recipe & power scaling',
+    icon: IconPercentage,
+    color: 'cyan',
+  },
   {
     id: 'highlighting',
     label: 'Usage Highlighting',

src/recipes/recipeMultiplier.ts

@@ -0,0 +1,30 @@
+export function applyRecipeMultiplier(
+  baseAmount: number,
+  multiplier: number,
+): number {
+  if (multiplier === 1) return baseAmount;
+  return Math.max(1, Math.round(baseAmount * multiplier));
+}
+
+export const RECIPE_MULTIPLIER_OPTIONS = [
+  { value: '0.25', label: '0.25x' },
+  { value: '0.5', label: '0.5x' },
+  { value: '0.75', label: '0.75x' },
+  { value: '1', label: '1x (Default)' },
+  { value: '1.25', label: '1.25x' },
+  { value: '1.5', label: '1.5x' },
+  { value: '1.75', label: '1.75x' },
+  { value: '2', label: '2x' },
+];
+
+export const POWER_CONSUMPTION_MULTIPLIER_OPTIONS = [
+  { value: '0.25', label: '0.25x' },
+  { value: '0.5', label: '0.5x' },
+  { value: '0.75', label: '0.75x' },
+  { value: '1', label: '1x (Default)' },
+  { value: '2', label: '2x' },
+  { value: '5', label: '5x' },
+];
+
+export const DEFAULT_RECIPE_MULTIPLIER = 1;
+export const DEFAULT_POWER_CONSUMPTION_MULTIPLIER = 1;

src/recipes/ui/RecipeTooltip.tsx

@@ -2,8 +2,10 @@ import { Stack, Table, Text, Tooltip } from '@mantine/core';
 import type * as React from 'react';
 import { useCallback, useState } from 'react';
 import { RepeatingNumber } from '@/core/intl/NumberFormatter';
+import { useRecipeMultiplier } from '@/games/gamesSlice';
 import { AllFactoryItemsMap } from '@/recipes/FactoryItem';
 import { AllFactoryRecipesMap } from '@/recipes/FactoryRecipe';
+import { applyRecipeMultiplier } from '@/recipes/recipeMultiplier';
 import { FactoryItemImage } from './FactoryItemImage';
 
 export interface IRecipeTooltipProps {
@@ -13,6 +15,7 @@ export interface IRecipeTooltipProps {
 
 export function RecipeTooltip(props: IRecipeTooltipProps) {
   const recipe = AllFactoryRecipesMap[props.recipeId];
+  const recipeMultiplier = useRecipeMultiplier();
   const [label, setLabel] = useState<React.ReactNode>(null);
 
   const handleMouseEnter = useCallback(() => {
@@ -38,7 +41,14 @@ export function RecipeTooltip(props: IRecipeTooltipProps) {
                 </Table.Td>
                 <Table.Td>
                   <RepeatingNumber
-                    value={(ingredient.displayAmount * 60) / recipe.time}
+                    value={
+                      (applyRecipeMultiplier(
+                        ingredient.displayAmount,
+                        recipeMultiplier,
+                      ) *
+                        60) /
+                      recipe.time
+                    }
                   />
                   /min
                 </Table.Td>
@@ -69,7 +79,7 @@ export function RecipeTooltip(props: IRecipeTooltipProps) {
         </Table>
       </Stack>,
     );
-  }, [recipe]);
+  }, [recipe, recipeMultiplier]);
 
   if (label) {
     return (