playerResourceAmounts={gameState.computed.playerResourceAmounts}

  }, [gameState.playerSave.availableSp, gameState.playerSave.activeQuest, createQuestCb, gameState.playerSave.batchesSinceQuestStart]);

  }, [gameState.playerSave.availableSp,
  gameState.playerSave.activeQuest,
    createQuestCb,
  gameState.playerSave.batchesSinceQuestStart,
  gameState.computed.playerResourceAmounts
  ]);

        computed={gameState.computed}

    gameState.playerSave.availableSp

      gameState.playerSave.availableSp,
    gameState.computed

import { PointNodeRef, ResourceType, WorldGenState } from "../data/GameState";

import { ComputedState, PointNodeRef, ResourceType, WorldGenState } from "../data/GameState";

import { computePlayerResourceAmounts } from "../game/ComputeState";

  computed: ComputedState

  computed

      <h1>Current</h1>

      <h3>Player resources</h3> 
      {JSON.stringify(computed.playerResourceAmounts)}
      <h3>Current Node</h3>

      <div>Allocated? {isAllocated ? "yes" : "no"} </div>

      <div>Allocated? <br />{isAllocated ? "yes" : "no"} </div>

      <div>Can be allocated? {canBeAllocated} </div>

      <div>Can be allocated? <br />{canBeAllocated} </div>

}

}
.good {
    color: #66aa88;
    font-weight: bold;
}

import { Quest } from "../data/GameState";

import { Quest, ResourceType } from "../data/GameState";
import classnames from "classnames";

  playerResourceAmounts?: { [k in ResourceType]: number },

  playerResourceAmounts,

  const isQuestComplete = activeQuest && (playerResourceAmounts?.[activeQuest.resourceType] || 0) >= activeQuest.resourceAmount;
  const doClaimReward = () => {
    window.alert("your score increased by 831!");
  };

        <h2> You have no active quests! </h2>

        <h2> You have no <br />active quests! </h2>

          <div>{'[PLACEHOLDER]'}</div>

          <div className={classnames({ good: isQuestComplete })}>{playerResourceAmounts?.[activeQuest.resourceType]} {activeQuest.resourceType}</div>

          <h3>Score:</h3>

          <h3>Efficiency:</h3>

          { isQuestComplete ? (<>
            <br></br>
            <button className="button" onClick={() => {
              doClaimReward();
            }}>
              Claim reward
            </button>
          </>) : (<></>)}

          <div>(Hint: You won't run out of skill points, but they come in batches - try to use the fewest you can!)</div>

          <div>(Hint: You won't run <br />out of skill points, but<br /> they come in batches -<br />
          try to use the <br /> fewest you can!)</div>

  width:15%;

  width: fit-content;
  padding: 15px;

    amount *= (1 + (playerResourceNodesAggregated.get(new ResourceTypeAndModifier({

    amount *= (1 + .01 * (playerResourceNodesAggregated.get(new ResourceTypeAndModifier({

    amount = Math.floor(amount);

    amount *= (1 + (playerResourceNodesAggregated.get(new ResourceTypeAndModifier({

    amount *= (1 + .01 * (playerResourceNodesAggregated.get(new ResourceTypeAndModifier({

    amount = Math.floor(amount);

import { computePlayerResourceAmounts } from "./ComputeState";

    return {

    const gameState = {

      computed: {}

      computed: {
      }

    gameState.computed = { ...computePlayerResourceAmounts(gameState) };
    return gameState;

import { computePlayerResourceAmounts } from "../../game/ComputeState";

      // if we spent sp, remember to update quest status and such

      // TODO(bowei): if we spent sp, remember to update quest status!!

          this.state.justSpentSp = false;

          // this.state.justSpentSp = false;

            computed: {
              ...computePlayerResourceAmounts(prevGameState)
            }