"bindings": {
      "version": "1.5.0",
      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
      "optional": true,
      "requires": {
        "file-uri-to-path": "1.0.0"
      }
    },

    "file-uri-to-path": {
      "version": "1.0.0",
      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==",
      "optional": true
    },

    "nan": {
      "version": "2.14.2",
      "resolved": "https://registry.npmjs.org/nan/-/nan-2.14.2.tgz",
      "integrity": "sha512-M2ufzIiINKCuDfBSAUr1vWQ+vuVcA9kqx8JJUsbQi6yf1uGRyb7HfpdfUr5qLXf3B/t8dPvcjhKMmlfnP47EzQ==",
      "optional": true
    },

          "optional": true

          "optional": true,
          "requires": {
            "bindings": "^1.5.0",
            "nan": "^2.12.1"
          }

          "optional": true

          "optional": true,
          "requires": {
            "bindings": "^1.5.0",
            "nan": "^2.12.1"
          }

  let createQuestCb = useCallback(() => createQuest(updaters), [updaters]);

  let createQuestCb = useCallback(() => createQuest(updaters, gameState), [
    updaters,
    gameState,
  ]);

};
type QuestScoreDetails = {
  total: number;
  scoreComponents: ScoreComponent[];
};
type ScoreComponent = {
  inputAmount: number;
  inputTitle: string;
  outputScore: number;
  outputDescription: string;

  const [scoreDetails, setScoreDetails] = useState<QuestScoreDetails>({
    total: 0,
    scoreComponents: [],
  });

  function calculateQuestScoreDetails() {
    const questScore: { scoreComponents: ScoreComponent[] } = {
      scoreComponents: [],
    };
    questScore.scoreComponents.push({
      inputAmount: 1,
      inputTitle: "quest completed",
      outputScore: 5,
      outputDescription: "",
    });
    questScore.scoreComponents.push({
      inputAmount: numBatches,
      inputTitle: "nodes allocated",
      outputScore: Math.floor(10 / (numBatches + 1)),
      outputDescription: "efficiency",
    });
    const total = questScore.scoreComponents.reduce(
      (subtotal, prev) => subtotal + prev.outputScore,
      0
    );
    console.log(total);
    return { ...questScore, total };
  }

    // window.alert("your score increased by 831!");
    // const questScore = efficiency;
    const questScore = 831;

    const questScore = calculateQuestScoreDetails();

      console.log({ score, lastScore });

      console.log({ score, lastScore, questScore });

      return lastScore + questScore;

      return lastScore + questScore.total;

    setScoreDetails(questScore);

  const handleStartQuest = () => {
    // setOldPoints()
    createQuestCb();
  };

      {<Score score={score} />}

      {<Score score={score} scoreDetails={scoreDetails} />}

          <button
            className="button"
            onClick={() => {
              createQuestCb();
            }}
          >

          <button className="button" onClick={handleStartQuest}>

function Score({ score }: { score: number }) {
  const [lastScore, setLastScore] = useState(0);
  const [delta, setDelta] = useState(0);

function Score({
  scoreDetails,
  score,
}: {
  score: number;
  scoreDetails: QuestScoreDetails;
}) {
  const [viewed, setViewed] = useState(true);

    console.log(`new score received: ${score}`);
    setLastScore((lastScore) => {
      setDelta(() => score - lastScore);
      return score;
    });
  }, [score]);

    console.log({ scoreDetails });
    if (scoreDetails.total === 0) return;
    setViewed(false);
  }, [scoreDetails]);

      {!!delta && <h6>Your score increased by {delta}!</h6>}
      {!!score && <h3>Score: {score}</h3>}

      {!viewed && (
        <>
          <h3>Score: {score}</h3>
          {!!scoreDetails.total && (
            <h4>Your score increased by {scoreDetails.total}!</h4>
          )}
          {scoreDetails.scoreComponents.map((scoreComponent) => {
            return (
              <React.Fragment key={scoreComponent.inputTitle}>
                <h5>
                  {scoreComponent.outputDescription &&
                    scoreComponent.outputDescription + ": "}
                  {formatDelta(scoreComponent.outputScore)} score for{" "}
                  {scoreComponent.inputAmount} {scoreComponent.inputTitle}
                </h5>
              </React.Fragment>
            );
          })}
          <button onClick={() => setViewed(true)}>OK</button>
        </>
      )}

}
function formatDelta(d: number): string {
  return d < 0 ? d.toString() : "+" + d.toString();

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

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

export function createQuest(updaters: UpdaterGeneratorType2<GameState>) {

export function createQuest(
  updaters: UpdaterGeneratorType2<GameState>,
  gameState: GameState,
  config: QuestFactoryConfig = {}
) {

    return new QuestFactory({}).create();

    const r = Math.floor(Math.random() * 3) as 0 | 1 | 2;
    const resource = Object.values(ResourceNontrivialType)[r];
    const currentResource =
      gameState.computed.playerResourceAmounts?.[resource] || 50;
    const totalAllocatedNodes =
      gameState.computed.playerResourceNodesAggregated?.size() ?? 0;
    const scale = 2 + 1 / (totalAllocatedNodes + 1);
    return new QuestFactory(config).create(
      resource,
      Math.round(currentResource * scale)
    );

  updaters.playerSave.availableSp.enqueueUpdate((prev) =>  {

  updaters.playerSave.availableSp.enqueueUpdate((prev) => {

type QuestFactoryConfig = { }

type QuestFactoryConfig = {};

  public config: QuestFactoryConfig

  public config: QuestFactoryConfig;

  public create(): Quest {

  public create(
    resourceType: ResourceType,
    resourceAmount: number,
    description: string = ""
  ): Quest {
    console.log(resourceAmount);

      description: "",
      resourceType: ResourceType.Mana0,
      resourceAmount: 3000

      description,
      resourceType,
      resourceAmount,

}

}