Merge pull request #692 from Aktanusa/dev

Push 2.031.6 to master

.eslintrc.js

@@ -1,40 +1,27 @@
 module.exports = {
-	env: {
+  env: {
-		browser: true,
+    browser: true,
-		es2021: true,
+    es2021: true,
-	},
+  },
-	globals: {
+  globals: {
-		Game: 'writable',
+    Game: 'writable',
-		l: 'readonly',
+    l: 'readonly',
-		b64_to_utf8: 'readonly',
+    b64_to_utf8: 'readonly',
-		utf8_to_b64: 'readonly',
+    utf8_to_b64: 'readonly',
-		realAudio: 'readonly',
+    BeautifyAll: 'readonly',
-		BeautifyAll: 'readonly',
+  },
-		CM: 'writable',
+  extends: ['airbnb-base', 'plugin:prettier/recommended'],
-		unsafeWindow: 'readonly',
+  parserOptions: {
-	},
+    ecmaVersion: 12,
-	extends: 'airbnb-base',
+  },
-	parserOptions: {
+  rules: {
-		ecmaVersion: 12,
+    'import/no-mutable-exports': 'off',
-	},
+    'no-plusplus': ['error', { allowForLoopAfterthoughts: true }],
-	rules: {
+    'no-new-func': 'off',
-		indent: ['error', 'tab'],
+    'func-names': 'off',
-		'import/no-named-default': 'off',
+    'no-console': 'off',
-		'import/no-mutable-exports': 'off',
+    'no-alert': 'off',
-		'no-tabs': 'off',
+    'no-restricted-globals': 'off',
-		'max-len': 'off',
+    'prefer-destructuring': ['error', { object: true, array: false }],
-		'no-param-reassign': 'off',
+  },
-		'no-plusplus': 'off',
-		'no-new-func': 'off',
-		'no-restricted-syntax': 'off',
-		'no-mixed-operators': 'off',
-		'prefer-destructuring': 'off',
-		'func-names': 'off',
-		'no-console': 'off',
-		'no-nested-ternary': 'off',
-		'prefer-arrow-callback': 'off',
-		'no-new': 'off',
-		'no-alert': 'off',
-		'no-restricted-globals': 'off',
-	},
 };

.github/CONTRIBUTING.md

@@ -0,0 +1,18 @@
+Cookie Monster is written to modify Cookie Clicker as little as possible. This means the data is copied to simulate instead of actually modifying the current values and reverting later. The benefit is that CM should never mess up any data. The downside is that there is an extra overhead to copy and store the copied data.
+
+The following is a short description of the various `src` directories and their contents:
+
+JS | Description
+-- | -
+Cache | Functions related to creating and storing data cache
+Config | Functions related to manipulating CM configuration
+Data | Hard coded values
+Disp | Functions related to displaying CM's UI
+InitSaveLoad | Functions related to registering the CM object with the Game's Modding API
+Main | Functions related to the main loop and initializing CM
+Sim | Functions related to simulate something
+
+These are some additional guidelines:
+- Try to use DOM as much as possible instead of using string manipulation to modify HTML.
+- Please be descriptive of your commits. If the commit is related to an issue or PR, please add the issue/PR number to the commit message.
+- PR's should target the `dev` branch

.github/ISSUE_TEMPLATE/bug_report.md

@@ -19,5 +19,6 @@ If applicable, add screenshots to help explain your problem.
 
 **Save file**
 ```
-If applicable please copy your save file here
+Please add a save file here.
+This makes debugging much easier as we do not always have a good test save to debug the issue
 ```

.prettierrc.json

@@ -0,0 +1,5 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all",
+  "printWidth": 80
+}

CONTRIBUTING.md

@@ -1,22 +0,0 @@
-The following is a description of the our approach to the project.
-
-Cookie Monster is written to modify Cookie Clicker as little as possible.  This means the data is copied to simulate instead of actually modifying the current values and reverting later.  The benefit is that CM should never mess up any data.  The downside is that there is an extra overhead to copy and store the copied data.
-
-Here is a description of what should be stored in each of the source JS. Make edits to the source file first and then use the combine file to compile the final file:
-
-JS | Description
--- | -
-Cache | Functions related to creating and storing data cache
-Config | Functions related to manipulating CM configuration
-Data | Hard coded values
-Disp | Functions related to displaying CM's UI
-Footer | The footer of CM's JS (not modified often or ever)
-Header | The header of CM's JS (not modified often or ever)
-Main | Functions related to the main loop and initializing CM
-Sim | Functions related to simulate something
-
-These are some additional guidelines:
-- Try to use DOM as much as possible instead of using string manipulation to modify HTML.
-- Please be descriptive of your commits.  If the commit is related to an issue or PR, please add the issue/PR number to the commit message.
-- Try to follow the formatting and annotation as specified by JSCode
-- PR's should target the `dev` branch

README.md

@@ -18,13 +18,13 @@ Cookie Monster also indicates the time left before being able to buy an upgrade
 
 This index is computed for buildings and upgrades. If the relevant option is enabled, it will color-code each of them based on their value:
 
-* Light Blue: (upgrades) This item has a better PP than any building
+* Light Blue: (upgrades) This item has a better PP than the best building to buy
-* Green: This item has the best PP
+* Green: This building has the best PP
-* Yellow: This item is not the best, but it is closer to best than it is to worst
+* Yellow: This building is within the top 10 of best PP's
-* Orange: This item is not the worst, but it is closer to worst than it is to best
+* Orange: This building is within the top 20 of best PP's
-* Red: This item has the worst PP
+* Red: This building is within the top 30 of best PP's
-* Purple: (upgrades) This item has a worse PP than any building
+* Purple: This building is worse than the top 10 of best PP's
-* Gray: (upgrades) This item has not been calculated and/or cannot be calculated due to no definitive worth.
+* Gray: This item does not have a PP, often this means that there is no change to CPS
 
 Note: For this index, **lower is better**, meaning a building with a PP of 1 is more interesting than one with a PP of 3.
 

package.json

@@ -1,6 +1,6 @@
 {
     "name": "cookiemonster-mod",
-    "version": "2.031.5",
+    "version": "2.031.6",
     "description": "Cookie Monster is an add-on that you can load into Cookie Clicker which offers a wide range of tools and statistics to enhance the game. It is not a cheat interface – although it does offer helpers for golden cookies and such, everything can be toggled off at will to only leave how much information you want. This is a helper and everything is an option.",
     "main": "CookieMonster.js",
     "keywords": [
@@ -11,12 +11,13 @@
         "Orteil"
     ],
     "scripts": {
-        "eslint_src": "eslint src",
+        "copy-file": "cp dist/CookieMonster.js CookieMonster.js",
-        "build": "run-s eslint_src pack_prod remove_comment",
+        "eslint-src": "eslint src",
-        "build_test": "run-s pack_dev",
+        "build": "run-s eslint-src pack-prod remove-comment copy-file",
-        "pack_prod": "webpack --env production",
+        "build-test": "run-s pack-dev",
-        "pack_dev": "webpack",
+        "pack-prod": "webpack --env production",
-        "remove_comment": "sed -i '' -e '/\\/\\/# sourceMappingURL.*/d' dist/CookieMonster.js"
+        "pack-dev": "webpack",
+        "remove-comment": "sed -i '' -e '/\\/\\/# sourceMappingURL.*/d' dist/CookieMonster.js"
     },
     "repository": {
         "type": "git",
@@ -45,8 +46,11 @@
     "devDependencies": {
         "eslint": "^7.19.0",
         "eslint-config-airbnb-base": "^14.2.1",
+        "eslint-config-prettier": "^8.1.0",
         "eslint-plugin-import": "^2.22.1",
+        "eslint-plugin-prettier": "^3.3.1",
         "npm-run-all": "^4.1.5",
+        "prettier": "2.2.1",
         "webpack": "^5.24.4",
         "webpack-cli": "^4.5.0"
     },

src/Cache/CPS/AverageQueue.js

@@ -1,7 +1,11 @@
 /* eslint-disable no-unused-vars */
 import { ClickTimes, CookieTimes } from '../../Disp/VariablesAndData';
 import {
-	ChoEggDiff, ClicksDiff, CookiesDiff, WrinkDiff, WrinkFattestDiff,
+  ChoEggDiff,
+  ClicksDiff,
+  CookiesDiff,
+  WrinkDiff,
+  WrinkFattestDiff,
 } from '../VariablesAndData';
 
 /**
@@ -13,34 +17,39 @@ import {
  * @method		calcAverage(timePeriod)	Returns the average over the specified timeperiod
  */
 export class CMAvgQueue {
-	constructor(maxLength) {
+  constructor(maxLength) {
-		this.maxLength = maxLength;
+    this.maxLength = maxLength;
-		this.queue = [];
+    this.queue = [];
-	}
+  }
 
-	addLatest(newValue) {
+  addLatest(newValue) {
-		if (this.queue.push(newValue) > this.maxLength) {
+    if (this.queue.push(newValue) > this.maxLength) {
-			this.queue.shift();
+      this.queue.shift();
-		}
+    }
-	}
+  }
 
-	/**
+  /**
-	 * This functions returns the average of the values in the queue
+   * This functions returns the average of the values in the queue
-	 * @param 	{number}	timePeriod	The period in seconds to computer average over
+   * @param 	{number}	timePeriod	The period in seconds to computer average over
-	 * @returns {number}	ret			The average
+   * @returns {number}	ret			The average
- 	 */
+   */
-	calcAverage(timePeriod) {
+  calcAverage(timePeriod) {
-		if (timePeriod > this.maxLength) timePeriod = this.maxLength;
+    let time = timePeriod;
-		if (timePeriod > this.queue.length) timePeriod = this.queue.length;
+    if (time > this.maxLength) time = this.maxLength;
-		let ret = 0;
+    if (time > this.queue.length) time = this.queue.length;
-		for (let i = this.queue.length - 1; i >= 0 && i > this.queue.length - 1 - timePeriod; i--) {
+    let ret = 0;
-			ret += this.queue[i];
+    for (
-		}
+      let i = this.queue.length - 1;
-		if (ret === 0) {
+      i >= 0 && i > this.queue.length - 1 - time;
-			return 0;
+      i--
-		}
+    ) {
-		return ret / timePeriod;
+      ret += this.queue[i];
-	}
+    }
+    if (ret === 0) {
+      return 0;
+    }
+    return ret / time;
+  }
 }
 
 /**
@@ -48,9 +57,9 @@ export class CMAvgQueue {
  * Called by CM.Cache.InitCache()
  */
 export function InitCookiesDiff() {
-	CookiesDiff = new CMAvgQueue(CookieTimes[CookieTimes.length - 1]);
+  CookiesDiff = new CMAvgQueue(CookieTimes[CookieTimes.length - 1]);
-	WrinkDiff = new CMAvgQueue(CookieTimes[CookieTimes.length - 1]);
+  WrinkDiff = new CMAvgQueue(CookieTimes[CookieTimes.length - 1]);
-	WrinkFattestDiff = new CMAvgQueue(CookieTimes[CookieTimes.length - 1]);
+  WrinkFattestDiff = new CMAvgQueue(CookieTimes[CookieTimes.length - 1]);
-	ChoEggDiff = new CMAvgQueue(CookieTimes[CookieTimes.length - 1]);
+  ChoEggDiff = new CMAvgQueue(CookieTimes[CookieTimes.length - 1]);
-	ClicksDiff = new CMAvgQueue(ClickTimes[ClickTimes.length - 1]);
+  ClicksDiff = new CMAvgQueue(ClickTimes[ClickTimes.length - 1]);
 }

src/Cache/CPS/CPS.js

@@ -3,7 +3,28 @@
 import { CMOptions } from '../../Config/VariablesAndData';
 import { ClickTimes, CookieTimes } from '../../Disp/VariablesAndData';
 import {
-	CacheAverageClicks, CacheAverageCPS, CacheAverageGainBank, CacheAverageGainChoEgg, CacheAverageGainWrink, CacheAverageGainWrinkFattest, CacheAvgCPSWithChoEgg, CacheLastChoEgg, CacheLastClicks, CacheLastCookies, CacheLastCPSCheck, CacheLastWrinkCookies, CacheLastWrinkFattestCookies, CacheRealCookiesEarned, CacheSellForChoEgg, CacheWrinklersFattest, CacheWrinklersTotal, ChoEggDiff, ClicksDiff, CookiesDiff, WrinkDiff, WrinkFattestDiff,
+  CacheAverageClicks,
+  CacheAverageCPS,
+  CacheAverageGainBank,
+  CacheAverageGainChoEgg,
+  CacheAverageGainWrink,
+  CacheAverageGainWrinkFattest,
+  CacheAvgCPSWithChoEgg,
+  CacheLastChoEgg,
+  CacheLastClicks,
+  CacheLastCookies,
+  CacheLastCPSCheck,
+  CacheLastWrinkCookies,
+  CacheLastWrinkFattestCookies,
+  CacheRealCookiesEarned,
+  CacheSellForChoEgg,
+  CacheWrinklersFattest,
+  CacheWrinklersTotal,
+  ChoEggDiff,
+  ClicksDiff,
+  CookiesDiff,
+  WrinkDiff,
+  WrinkFattestDiff,
 } from '../VariablesAndData';
 
 /**
@@ -15,53 +36,63 @@ import {
  * @global	{number}	CM.Cache.AvgCPSChoEgg		Average cookies from combination of normal CPS and average Chocolate Cookie CPS
  */
 export default function CacheAvgCPS() {
-	const currDate = Math.floor(Date.now() / 1000);
+  const currDate = Math.floor(Date.now() / 1000);
-	// Only calculate every new second
+  // Only calculate every new second
-	if ((Game.T / Game.fps) % 1 === 0) {
+  if ((Game.T / Game.fps) % 1 === 0) {
-		let choEggTotal = Game.cookies + CacheSellForChoEgg;
+    let choEggTotal = Game.cookies + CacheSellForChoEgg;
-		if (Game.cpsSucked > 0) choEggTotal += CacheWrinklersTotal;
+    if (Game.cpsSucked > 0) choEggTotal += CacheWrinklersTotal;
-		CacheRealCookiesEarned = Math.max(Game.cookiesEarned, choEggTotal);
+    CacheRealCookiesEarned = Math.max(Game.cookiesEarned, choEggTotal);
-		choEggTotal *= 0.05;
+    choEggTotal *= 0.05;
 
-		// Add recent gains to AvgQueue's
+    // Add recent gains to AvgQueue's
-		const timeDiff = currDate - CacheLastCPSCheck;
+    const timeDiff = currDate - CacheLastCPSCheck;
-		const bankDiffAvg = Math.max(0, (Game.cookies - CacheLastCookies)) / timeDiff;
+    const bankDiffAvg = Math.max(0, Game.cookies - CacheLastCookies) / timeDiff;
-		const wrinkDiffAvg = Math.max(0, (CacheWrinklersTotal - CacheLastWrinkCookies)) / timeDiff;
+    const wrinkDiffAvg =
-		const wrinkFattestDiffAvg = Math.max(0, (CacheWrinklersFattest[0] - CacheLastWrinkFattestCookies)) / timeDiff;
+      Math.max(0, CacheWrinklersTotal - CacheLastWrinkCookies) / timeDiff;
-		const choEggDiffAvg = Math.max(0, (choEggTotal - CacheLastChoEgg)) / timeDiff;
+    const wrinkFattestDiffAvg =
-		const clicksDiffAvg = (Game.cookieClicks - CacheLastClicks) / timeDiff;
+      Math.max(0, CacheWrinklersFattest[0] - CacheLastWrinkFattestCookies) /
-		for (let i = 0; i < timeDiff; i++) {
+      timeDiff;
-			CookiesDiff.addLatest(bankDiffAvg);
+    const choEggDiffAvg = Math.max(0, choEggTotal - CacheLastChoEgg) / timeDiff;
-			WrinkDiff.addLatest(wrinkDiffAvg);
+    const clicksDiffAvg = (Game.cookieClicks - CacheLastClicks) / timeDiff;
-			WrinkFattestDiff.addLatest(wrinkFattestDiffAvg);
+    for (let i = 0; i < timeDiff; i++) {
-			ChoEggDiff.addLatest(choEggDiffAvg);
+      CookiesDiff.addLatest(bankDiffAvg);
-			ClicksDiff.addLatest(clicksDiffAvg);
+      WrinkDiff.addLatest(wrinkDiffAvg);
-		}
+      WrinkFattestDiff.addLatest(wrinkFattestDiffAvg);
+      ChoEggDiff.addLatest(choEggDiffAvg);
+      ClicksDiff.addLatest(clicksDiffAvg);
+    }
 
-		// Store current data for next loop
+    // Store current data for next loop
-		CacheLastCPSCheck = currDate;
+    CacheLastCPSCheck = currDate;
-		CacheLastCookies = Game.cookies;
+    CacheLastCookies = Game.cookies;
-		CacheLastWrinkCookies = CacheWrinklersTotal;
+    CacheLastWrinkCookies = CacheWrinklersTotal;
-		CacheLastWrinkFattestCookies = CacheWrinklersFattest[0];
+    CacheLastWrinkFattestCookies = CacheWrinklersFattest[0];
-		CacheLastChoEgg = choEggTotal;
+    CacheLastChoEgg = choEggTotal;
-		CacheLastClicks = Game.cookieClicks;
+    CacheLastClicks = Game.cookieClicks;
 
-		// Get average gain over period of cpsLength seconds
+    // Get average gain over period of cpsLength seconds
-		const cpsLength = CookieTimes[CMOptions.AvgCPSHist];
+    const cpsLength = CookieTimes[CMOptions.AvgCPSHist];
-		CacheAverageGainBank = CookiesDiff.calcAverage(cpsLength);
+    CacheAverageGainBank = CookiesDiff.calcAverage(cpsLength);
-		CacheAverageGainWrink = WrinkDiff.calcAverage(cpsLength);
+    CacheAverageGainWrink = WrinkDiff.calcAverage(cpsLength);
-		CacheAverageGainWrinkFattest = WrinkFattestDiff.calcAverage(cpsLength);
+    CacheAverageGainWrinkFattest = WrinkFattestDiff.calcAverage(cpsLength);
-		CacheAverageGainChoEgg = ChoEggDiff.calcAverage(cpsLength);
+    CacheAverageGainChoEgg = ChoEggDiff.calcAverage(cpsLength);
-		CacheAverageCPS = CacheAverageGainBank;
+    CacheAverageCPS = CacheAverageGainBank;
-		if (CMOptions.CalcWrink === 1) CacheAverageCPS += CacheAverageGainWrink;
+    if (CMOptions.CalcWrink === 1) CacheAverageCPS += CacheAverageGainWrink;
-		if (CMOptions.CalcWrink === 2) CacheAverageCPS += CacheAverageGainWrinkFattest;
+    if (CMOptions.CalcWrink === 2)
+      CacheAverageCPS += CacheAverageGainWrinkFattest;
 
-		const choEgg = (Game.HasUnlocked('Chocolate egg') && !Game.Has('Chocolate egg'));
+    const choEgg =
+      Game.HasUnlocked('Chocolate egg') && !Game.Has('Chocolate egg');
 
-		if (choEgg || CMOptions.CalcWrink === 0) {
+    if (choEgg || CMOptions.CalcWrink === 0) {
-			CacheAvgCPSWithChoEgg = CacheAverageGainBank + CacheAverageGainWrink + (choEgg ? CacheAverageGainChoEgg : 0);
+      CacheAvgCPSWithChoEgg =
-		} else CacheAvgCPSWithChoEgg = CacheAverageCPS;
+        CacheAverageGainBank +
+        CacheAverageGainWrink +
+        (choEgg ? CacheAverageGainChoEgg : 0);
+    } else CacheAvgCPSWithChoEgg = CacheAverageCPS;
 
-		CacheAverageClicks = ClicksDiff.calcAverage(ClickTimes[CMOptions.AvgClicksHist]);
+    CacheAverageClicks = ClicksDiff.calcAverage(
-	}
+      ClickTimes[CMOptions.AvgClicksHist],
+    );
+  }
 }

src/Cache/CPS/CurrWrinklerCPS.js

@@ -1,6 +1,9 @@
 /* eslint-disable no-unused-vars */
 import { SimObjects } from '../../Sim/VariablesAndData';
-import { CacheCurrWrinklerCount, CacheCurrWrinklerCPSMult } from '../VariablesAndData';
+import {
+  CacheCurrWrinklerCount,
+  CacheCurrWrinklerCPSMult,
+} from '../VariablesAndData';
 
 /**
  * This functions caches the current Wrinkler CPS multiplier
@@ -8,18 +11,23 @@ import { CacheCurrWrinklerCount, CacheCurrWrinklerCPSMult } from '../VariablesAn
  * @global	{number}	CM.Cache.CurrWrinklerCPSMult	Current multiplier of CPS because of wrinklers (excluding their negative sucking effect)
  */
 export default function CacheCurrWrinklerCPS() {
-	CacheCurrWrinklerCPSMult = 0;
+  CacheCurrWrinklerCPSMult = 0;
-	let count = 0;
+  let count = 0;
-	for (const i in Game.wrinklers) {
+  Object.keys(Game.wrinklers).forEach((i) => {
-		if (Game.wrinklers[i].phase === 2) count++;
+    if (Game.wrinklers[i].phase === 2) count += 1;
-	}
+  });
-	let godMult = 1;
+  let godMult = 1;
-	if (SimObjects.Temple.minigameLoaded) {
+  if (SimObjects.Temple.minigameLoaded) {
-		const godLvl = Game.hasGod('scorn');
+    const godLvl = Game.hasGod('scorn');
-		if (godLvl === 1) godMult *= 1.15;
+    if (godLvl === 1) godMult *= 1.15;
-		else if (godLvl === 2) godMult *= 1.1;
+    else if (godLvl === 2) godMult *= 1.1;
-		else if (godLvl === 3) godMult *= 1.05;
+    else if (godLvl === 3) godMult *= 1.05;
-	}
+  }
-	CacheCurrWrinklerCount = count;
+  CacheCurrWrinklerCount = count;
-	CacheCurrWrinklerCPSMult = count * (count * 0.05 * 1.1) * (Game.Has('Sacrilegious corruption') * 0.05 + 1) * (Game.Has('Wrinklerspawn') * 0.05 + 1) * godMult;
+  CacheCurrWrinklerCPSMult =
+    count *
+    (count * 0.05 * 1.1) *
+    (Game.Has('Sacrilegious corruption') * 0.05 + 1) *
+    (Game.Has('Wrinklerspawn') * 0.05 + 1) *
+    godMult;
 }

src/Cache/CPS/GetCPSBuffMult.js

@@ -3,9 +3,10 @@
  * @returns {number}	mult	The multiplier
  */
 export default function GetCPSBuffMult() {
-	let mult = 1;
+  let mult = 1;
-	for (const i of Object.keys(Game.buffs)) {
+  Object.keys(Game.buffs).forEach((i) => {
-		if (typeof Game.buffs[i].multCpS !== 'undefined') mult *= Game.buffs[i].multCpS;
+    if (typeof Game.buffs[i].multCpS !== 'undefined')
-	}
+      mult *= Game.buffs[i].multCpS;
-	return mult;
+  });
+  return mult;
 }

src/Cache/CPS/NoGoldSwitchCPS.js

@@ -8,7 +8,7 @@ import { CacheNoGoldSwitchCookiesPS } from '../VariablesAndData';
  * It is called at the end of any functions that simulates certain behaviour
  */
 export default function CacheNoGoldSwitchCPS() {
-	if (Game.Has('Golden switch [off]')) {
+  if (Game.Has('Golden switch [off]')) {
-		CacheNoGoldSwitchCookiesPS = CalcNoGoldSwitchCPS();
+    CacheNoGoldSwitchCookiesPS = CalcNoGoldSwitchCPS();
-	} else CacheNoGoldSwitchCookiesPS = Game.cookiesPs;
+  } else CacheNoGoldSwitchCookiesPS = Game.cookiesPs;
 }

src/Cache/CPS/SellChoEgg.js

@@ -8,18 +8,18 @@ import { CacheSellForChoEgg } from '../VariablesAndData';
  * @global	{number}	CM.Cache.SellForChoEgg	Total cookies to be gained from selling Chocolate egg
  */
 export default function CacheSellAllForChoEgg() {
-	let sellTotal = 0;
+  let sellTotal = 0;
-	// Compute cookies earned by selling stock market goods
+  // Compute cookies earned by selling stock market goods
-	if (Game.Objects.Bank.minigameLoaded) {
+  if (Game.Objects.Bank.minigameLoaded) {
-		const marketGoods = Game.Objects.Bank.minigame.goods;
+    const marketGoods = Game.Objects.Bank.minigame.goods;
-		let goodsVal = 0;
+    let goodsVal = 0;
-		for (const i of Object.keys(marketGoods)) {
+    Object.keys(marketGoods).forEach((i) => {
-			const marketGood = marketGoods[i];
+      const marketGood = marketGoods[i];
-			goodsVal += marketGood.stock * marketGood.val;
+      goodsVal += marketGood.stock * marketGood.val;
-		}
+    });
-		sellTotal += goodsVal * Game.cookiesPsRawHighest;
+    sellTotal += goodsVal * Game.cookiesPsRawHighest;
-	}
+  }
-	// Compute cookies earned by selling all buildings with optimal auras (ES + RB)
+  // Compute cookies earned by selling all buildings with optimal auras (ES + RB)
-	sellTotal += SellBuildingsForChoEgg();
+  sellTotal += SellBuildingsForChoEgg();
-	CacheSellForChoEgg = sellTotal;
+  CacheSellForChoEgg = sellTotal;
 }

src/Cache/CacheInit.js

@@ -3,12 +3,18 @@ import { CMAvgQueue, InitCookiesDiff } from './CPS/AverageQueue';
 import CacheAvgCPS from './CPS/CPS';
 import CacheDragonAuras from './Dragon/CacheDragonAuras';
 import CachePP from './PP/PP';
-import { CacheBuildingsPrices, CacheIncome } from './PriceAndIncome/PriceAndIncome';
+import {
+  CacheBuildingsPrices,
+  CacheIncome,
+} from './PriceAndIncome/PriceAndIncome';
 import { CacheChain } from './Stats/ChainCookies';
 import CacheHeavenlyChipsPS from './Stats/HeavenlyChips';
 import CacheAllMissingUpgrades from './Stats/MissingUpgrades';
 import CacheSeasonSpec from './Stats/Reindeer';
-import { CacheGoldenAndWrathCookiesMults, CacheStatsCookies } from './Stats/Stats';
+import {
+  CacheGoldenAndWrathCookiesMults,
+  CacheStatsCookies,
+} from './Stats/Stats';
 import { HeavenlyChipsDiff } from './VariablesAndData';
 import CacheWrinklers from './Wrinklers/Wrinklers';
 
@@ -16,18 +22,18 @@ import CacheWrinklers from './Wrinklers/Wrinklers';
  * This functions runs all cache-functions to generate all "full" cache
  */
 export default function InitCache() {
-	CacheDragonAuras();
+  CacheDragonAuras();
-	CacheWrinklers();
+  CacheWrinklers();
-	CacheStatsCookies();
+  CacheStatsCookies();
-	CacheGoldenAndWrathCookiesMults();
+  CacheGoldenAndWrathCookiesMults();
-	CacheChain();
+  CacheChain();
-	CacheAllMissingUpgrades();
+  CacheAllMissingUpgrades();
-	CacheSeasonSpec();
+  CacheSeasonSpec();
-	InitCookiesDiff();
+  InitCookiesDiff();
-	HeavenlyChipsDiff = new CMAvgQueue(5); // Used by CM.Cache.CacheHeavenlyChipsPS()
+  HeavenlyChipsDiff = new CMAvgQueue(5); // Used by CM.Cache.CacheHeavenlyChipsPS()
-	CacheHeavenlyChipsPS();
+  CacheHeavenlyChipsPS();
-	CacheAvgCPS();
+  CacheAvgCPS();
-	CacheIncome();
+  CacheIncome();
-	CacheBuildingsPrices();
+  CacheBuildingsPrices();
-	CachePP();
+  CachePP();
 }

src/Cache/CacheLoop.js

@@ -13,14 +13,19 @@ import CacheWrinklers from './Wrinklers/Wrinklers';
  * @global	{string}	CM.Cache.TimeTillNextPrestige	Time requried till next prestige level
  */
 export default function LoopCache() {
-	// Update Wrinkler Bank
+  // Update Wrinkler Bank
-	CacheWrinklers();
+  CacheWrinklers();
 
-	CachePP();
+  CachePP();
-	CacheCurrWrinklerCPS();
+  CacheCurrWrinklerCPS();
-	CacheAvgCPS();
+  CacheAvgCPS();
-	CacheHeavenlyChipsPS();
+  CacheHeavenlyChipsPS();
 
-	const cookiesToNext = Game.HowManyCookiesReset(Math.floor(Game.HowMuchPrestige(Game.cookiesReset + Game.cookiesEarned)) + 1) - (Game.cookiesEarned + Game.cookiesReset);
+  const cookiesToNext =
-	CacheTimeTillNextPrestige = FormatTime(cookiesToNext / GetCPS());
+    Game.HowManyCookiesReset(
+      Math.floor(Game.HowMuchPrestige(Game.cookiesReset + Game.cookiesEarned)) +
+        1,
+    ) -
+    (Game.cookiesEarned + Game.cookiesReset);
+  CacheTimeTillNextPrestige = FormatTime(cookiesToNext / GetCPS());
 }

src/Cache/Dragon/CacheDragonAuras.js

@@ -5,6 +5,6 @@ import { CacheDragonAura, CacheDragonAura2 } from '../VariablesAndData';
  * This functions caches the currently selected Dragon Auras
  */
 export default function CacheDragonAuras() {
-	CacheDragonAura = Game.dragonAura;
+  CacheDragonAura = Game.dragonAura;
-	CacheDragonAura2 = Game.dragonAura2;
+  CacheDragonAura2 = Game.dragonAura2;
 }

src/Cache/Dragon/Dragon.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-syntax */
 /* eslint-disable no-unused-vars */
 /** Functions related to the Dragon */
 
@@ -5,54 +6,76 @@ import { Beautify } from '../../Disp/BeautifyAndFormatting/BeautifyFormatting';
 import CopyData from '../../Sim/SimulationData/CopyData';
 import { SimDoSims, SimObjects } from '../../Sim/VariablesAndData';
 import {
-	CacheCostDragonUpgrade, CacheDragonAura, CacheDragonAura2, CacheLastDragonLevel,
+  CacheCostDragonUpgrade,
+  CacheDragonAura,
+  CacheDragonAura2,
+  CacheLastDragonLevel,
 } from '../VariablesAndData';
 
 /**
  * This functions caches the current cost of upgrading the dragon level so it can be displayed in the tooltip
  */
 export default function CacheDragonCost() {
-	if (CacheLastDragonLevel !== Game.dragonLevel || SimDoSims) {
+  if (CacheLastDragonLevel !== Game.dragonLevel || SimDoSims) {
-		if (Game.dragonLevel < 25 && Game.dragonLevels[Game.dragonLevel].buy.toString().includes('sacrifice')) {
+    if (
-			let target = Game.dragonLevels[Game.dragonLevel].buy.toString().match(/Objects\[(.*)\]/)[1];
+      Game.dragonLevel < 25 &&
-			const amount = Game.dragonLevels[Game.dragonLevel].buy.toString().match(/sacrifice\((.*?)\)/)[1];
+      Game.dragonLevels[Game.dragonLevel].buy.toString().includes('sacrifice')
-			if (target !== 'i') {
+    ) {
-				target = target.replaceAll("'", '');
+      let target = Game.dragonLevels[Game.dragonLevel].buy
-				if (Game.Objects[target].amount < amount) {
+        .toString()
-					CacheCostDragonUpgrade = 'Not enough buildings to sell';
+        .match(/Objects\[(.*)\]/)[1];
-				} else {
+      const amount = Game.dragonLevels[Game.dragonLevel].buy
-					let cost = 0;
+        .toString()
-					CopyData();
+        .match(/sacrifice\((.*?)\)/)[1];
-					for (let i = 0; i < amount; i++) {
+      if (target !== 'i') {
-						let price = SimObjects[target].basePrice * Game.priceIncrease ** Math.max(0, SimObjects[target].amount - 1 - SimObjects[target].free);
+        target = target.replaceAll("'", '');
-						price = Game.modifyBuildingPrice(SimObjects[target], price);
+        if (Game.Objects[target].amount < amount) {
-						price = Math.ceil(price);
+          CacheCostDragonUpgrade = 'Not enough buildings to sell';
-						cost += price;
+        } else {
-						SimObjects[target].amount--;
+          let cost = 0;
-					}
+          CopyData();
-					CacheCostDragonUpgrade = `Cost to rebuy: ${(cost)}`;
+          for (let i = 0; i < amount; i++) {
-				}
+            let price =
-			} else {
+              SimObjects[target].basePrice *
-				let cost = 0;
+              Game.priceIncrease **
-				CopyData();
+                Math.max(
-				for (const j of Object.keys(Game.Objects)) {
+                  0,
-					target = j;
+                  SimObjects[target].amount - 1 - SimObjects[target].free,
-					if (Game.Objects[target].amount < amount) {
+                );
-						CacheCostDragonUpgrade = 'Not enough buildings to sell';
+            price = Game.modifyBuildingPrice(SimObjects[target], price);
-						break;
+            price = Math.ceil(price);
-					} else {
+            cost += price;
-						for (let i = 0; i < amount; i++) {
+            SimObjects[target].amount -= 1;
-							let price = SimObjects[target].basePrice * Game.priceIncrease ** Math.max(0, SimObjects[target].amount - 1 - SimObjects[target].free);
+          }
-							price = Game.modifyBuildingPrice(SimObjects[target], price);
+          CacheCostDragonUpgrade = `Cost to rebuy: ${cost}`;
-							price = Math.ceil(price);
+        }
-							cost += price;
+      } else {
-							SimObjects[target].amount--;
+        let cost = 0;
-						}
+        CopyData();
-					}
+        for (const j of Object.keys(Game.Objects)) {
-					CacheCostDragonUpgrade = `Cost to rebuy: ${Beautify(cost)}`;
+          target = j;
-				}
+          if (Game.Objects[target].amount < amount) {
-			}
+            CacheCostDragonUpgrade = 'Not enough buildings to sell';
-		}
+            break;
-		CacheLastDragonLevel = Game.dragonLevel;
+          } else {
-	}
+            for (let i = 0; i < amount; i++) {
+              let price =
+                SimObjects[target].basePrice *
+                Game.priceIncrease **
+                  Math.max(
+                    0,
+                    SimObjects[target].amount - 1 - SimObjects[target].free,
+                  );
+              price = Game.modifyBuildingPrice(SimObjects[target], price);
+              price = Math.ceil(price);
+              cost += price;
+              SimObjects[target].amount -= 1;
+            }
+          }
+          CacheCostDragonUpgrade = `Cost to rebuy: ${Beautify(cost)}`;
+        }
+      }
+    }
+    CacheLastDragonLevel = Game.dragonLevel;
+  }
 }

src/Cache/PP/Building.js

@@ -1,10 +1,14 @@
+/* eslint-disable no-param-reassign */
 /* eslint-disable no-unused-vars */
 import { CMOptions } from '../../Config/VariablesAndData';
 import GetWrinkConfigBank from '../../Disp/HelperFunctions/GetWrinkConfigBank';
 import { ColorGray } from '../../Disp/VariablesAndData';
 import {
-	CacheArrayOfPPs,
+  CacheMinPP,
-	CacheMaxPP, CacheMidPP, CacheMinPP, CacheObjects1, CacheObjects10, CacheObjects100,
+  CacheObjects1,
+  CacheObjects10,
+  CacheObjects100,
+  CachePPArray,
 } from '../VariablesAndData';
 import ColourOfPP from './ColourOfPP';
 
@@ -13,14 +17,30 @@ import ColourOfPP from './ColourOfPP';
  * It saves all date in CM.Cache.Objects...
  * It is called by CM.Cache.CacheBuildingsPP()
  */
-function CacheBuildingsBulkPP(target) {
+function CacheColor(target, amount) {
-	for (const i of Object.keys(target)) {
+  Object.keys(target).forEach((i) => {
-		if (Game.cookiesPs) {
+    target[i].color = ColourOfPP(
-			target[i].pp = (Math.max(target[i].price - (Game.cookies + GetWrinkConfigBank()), 0) / Game.cookiesPs) + (target[i].price / target[i].bonus);
+      target[i],
-		} else target[i].pp = (target[i].price / target[i].bonus);
+      Game.Objects[i].getSumPrice(amount),
+    );
+    // Colour based on excluding certain top-buildings
+    for (let j = 0; j < CMOptions.PPExcludeTop; j++) {
+      if (target[i].pp === CachePPArray[j][0]) target[i].color = ColorGray;
+    }
+  });
+}
 
-		target[i].color = ColourOfPP(target[i], target[i].price);
+function CachePP(target, amount) {
-	}
+  Object.keys(target).forEach((i) => {
+    const price = Game.Objects[i].getSumPrice(amount);
+    if (Game.cookiesPs) {
+      target[i].pp =
+        Math.max(price - (Game.cookies + GetWrinkConfigBank()), 0) /
+          Game.cookiesPs +
+        price / target[i].bonus;
+    } else target[i].pp = price / target[i].bonus;
+    CachePPArray.push([target[i].pp, amount]);
+  });
 }
 
 /**
@@ -28,74 +48,29 @@ function CacheBuildingsBulkPP(target) {
  * It is called by CM.Cache.CachePP()
  */
 export default function CacheBuildingsPP() {
-	CacheMinPP = Infinity;
+  CacheMinPP = Infinity;
-	CacheMaxPP = 1;
+  CachePPArray = [];
-	CacheArrayOfPPs = [];
+  if (typeof CMOptions.PPExcludeTop === 'undefined') CMOptions.PPExcludeTop = 0; // Otherwise breaks during initialization
-	if (typeof CMOptions.PPExcludeTop === 'undefined') CMOptions.PPExcludeTop = 0; // Otherwise breaks during initialization
 
-	// Calculate PP and colors when compared to purchase of optimal building in single-purchase mode
+  // Calculate PP and colors
-	if (CMOptions.ColorPPBulkMode === 0 && Game.buyMode > 0) {
+  CachePP(CacheObjects1, 1);
-		for (const i of Object.keys(CacheObjects1)) {
+  CachePP(CacheObjects10, 10);
-			if (Game.cookiesPs) {
+  CachePP(CacheObjects100, 100);
-				CacheObjects1[i].pp = (Math.max(Game.Objects[i].getPrice() - (Game.cookies + GetWrinkConfigBank()), 0) / Game.cookiesPs) + (Game.Objects[i].getPrice() / CacheObjects1[i].bonus);
-			} else CacheObjects1[i].pp = (Game.Objects[i].getPrice() / CacheObjects1[i].bonus);
-			CacheArrayOfPPs.push([CacheObjects1[i].pp, Game.Objects[i].getPrice()]);
-		}
-		// Set CM.Cache.min to best non-excluded buidliung
-		CacheArrayOfPPs.sort((a, b) => a[0] - b[0]);
-		if (CMOptions.PPOnlyConsiderBuyable) {
-			while (CacheArrayOfPPs[0][1] > Game.cookies) {
-				if (CacheArrayOfPPs.length === 1) {
-					break;
-				}
-				CacheArrayOfPPs.shift();
-			}
-		}
-		CacheMinPP = CacheArrayOfPPs[CMOptions.PPExcludeTop][0];
-		CacheMaxPP = CacheArrayOfPPs[CacheArrayOfPPs.length - 1][0];
-		CacheMidPP = ((CacheMaxPP - CacheMinPP) / 2) + CacheMinPP;
-		for (const i of Object.keys(CacheObjects1)) {
-			CacheObjects1[i].color = ColourOfPP(CacheObjects1[i], Game.Objects[i].getPrice());
-			// Colour based on excluding certain top-buildings
-			for (let j = 0; j < CMOptions.PPExcludeTop; j++) {
-				if (CacheObjects1[i].pp === CacheArrayOfPPs[j][0]) CacheObjects1[i].color = ColorGray;
-			}
-		}
-		// Calculate PP of bulk-buy modes
-		CacheBuildingsBulkPP(CacheObjects10);
-		CacheBuildingsBulkPP(CacheObjects100);
-	} else if (Game.buyMode > 0) {
-		// Calculate PP and colors when compared to purchase of selected bulk mode
-		let target;
-		if (Game.buyBulk === 1) target = CacheObjects1;
-		else if (Game.buyBulk === 10) target = CacheObjects10;
-		else if (Game.buyBulk === 100) target = CacheObjects100;
-		for (const i of Object.keys(target)) {
-			if (Game.cookiesPs) {
-				target[i].pp = (Math.max(Game.Objects[i].bulkPrice - (Game.cookies + GetWrinkConfigBank()), 0) / Game.cookiesPs) + (Game.Objects[i].bulkPrice / target[i].bonus);
-			} else target[i].pp = (Game.Objects[i].bulkPrice / target[i].bonus);
-			CacheArrayOfPPs.push([target[i].pp, Game.Objects[i].bulkPrice]);
-		}
-		// Set CM.Cache.min to best non-excluded buidliung
-		CacheArrayOfPPs.sort((a, b) => a[0] - b[0]);
-		if (CMOptions.PPOnlyConsiderBuyable) {
-			while (CacheArrayOfPPs[0][1] > Game.cookies) {
-				if (CacheArrayOfPPs.length === 1) {
-					break;
-				}
-				CacheArrayOfPPs.shift();
-			}
-		}
-		CacheMinPP = CacheArrayOfPPs[CMOptions.PPExcludeTop][0];
-		CacheMaxPP = CacheArrayOfPPs[CacheArrayOfPPs.length - 1][0];
-		CacheMidPP = ((CacheMaxPP - CacheMinPP) / 2) + CacheMinPP;
 
-		for (const i of Object.keys(CacheObjects1)) {
+  // Set CM.Cache.min to best non-excluded buidliung
-			target[i].color = ColourOfPP(target[i], Game.Objects[i].bulkPrice);
+  CachePPArray.sort((a, b) => a[0] - b[0]);
-			// Colour based on excluding certain top-buildings
+  let indexOfMin = 0;
-			for (let j = 0; j < CMOptions.PPExcludeTop; j++) {
+  if (CMOptions.PPOnlyConsiderBuyable) {
-				if (target[i].pp === CacheArrayOfPPs[j][0]) target[i].color = ColorGray;
+    while (CachePPArray[indexOfMin][1] > Game.cookies) {
-			}
+      indexOfMin += 1;
-		}
+      if (CachePPArray.length === indexOfMin + 1) {
-	}
+        break;
+      }
+    }
+  }
+  CacheMinPP = CachePPArray[CMOptions.PPExcludeTop][indexOfMin];
+
+  CacheColor(CacheObjects1, 1);
+  CacheColor(CacheObjects10, 10);
+  CacheColor(CacheObjects100, 100);
 }

src/Cache/PP/ColourOfPP.js

@@ -1,9 +1,15 @@
 import { CMOptions } from '../../Config/VariablesAndData';
 import GetCPS from '../../Disp/HelperFunctions/GetCPS';
 import {
-	ColorBlue, ColorGray, ColorGreen, ColorOrange, ColorPurple, ColorRed, ColorYellow,
+  ColorBlue,
+  ColorGray,
+  ColorGreen,
+  ColorOrange,
+  ColorPurple,
+  ColorRed,
+  ColorYellow,
 } from '../../Disp/VariablesAndData';
-import { CacheMaxPP, CacheMidPP, CacheMinPP } from '../VariablesAndData';
+import { CacheMinPP, CachePPArray } from '../VariablesAndData';
 
 /**
  * This functions return the colour assosciated with the given pp value
@@ -13,23 +19,24 @@ import { CacheMaxPP, CacheMidPP, CacheMinPP } from '../VariablesAndData';
  * @returns {string}	color	The colour assosciated with the pp value
  */
 export default function ColourOfPP(me, price) {
-	let color = '';
+  let color = '';
-	// Colour based on PP
+  // Colour based on PP
-	if (me.pp <= 0 || me.pp === Infinity) color = ColorGray;
+  if (me.pp <= 0 || me.pp === Infinity) color = ColorGray;
-	else if (me.pp < CacheMinPP) color = ColorBlue;
+  else if (me.pp < CacheMinPP) color = ColorBlue;
-	else if (me.pp === CacheMinPP) color = ColorGreen;
+  else if (me.pp === CacheMinPP) color = ColorGreen;
-	else if (me.pp === CacheMaxPP) color = ColorRed;
+  else if (me.pp < CachePPArray[10][0]) color = ColorYellow;
-	else if (me.pp > CacheMaxPP) color = ColorPurple;
+  else if (me.pp < CachePPArray[20][0]) color = ColorOrange;
-	else if (me.pp > CacheMidPP) color = ColorOrange;
+  else if (me.pp > CachePPArray[30][0]) color = ColorRed;
-	else color = ColorYellow;
+  else color = ColorPurple;
 
-	// Colour based on price in terms of CPS
+  // Colour based on price in terms of CPS
-	if (Number(CMOptions.PPSecondsLowerLimit) !== 0) {
+  if (Number(CMOptions.PPSecondsLowerLimit) !== 0) {
-		if (price / GetCPS() < Number(CMOptions.PPSecondsLowerLimit)) color = ColorBlue;
+    if (price / GetCPS() < Number(CMOptions.PPSecondsLowerLimit))
-	}
+      color = ColorBlue;
-	// Colour based on being able to purchase
+  }
-	if (CMOptions.PPOnlyConsiderBuyable) {
+  // Colour based on being able to purchase
-		if (price - Game.cookies > 0) color = ColorRed;
+  if (CMOptions.PPOnlyConsiderBuyable) {
-	}
+    if (price - Game.cookies > 0) color = ColorRed;
-	return color;
+  }
+  return color;
 }

src/Cache/PP/PP.js

@@ -9,6 +9,6 @@ import CacheUpgradePP from './Upgrade';
  * It is called by CM.Cache.LoopCache() and CM.Cache.InitCache()
  */
 export default function CachePP() {
-	CacheBuildingsPP();
+  CacheBuildingsPP();
-	CacheUpgradePP();
+  CacheUpgradePP();
 }

src/Cache/PP/Upgrade.js

@@ -7,12 +7,23 @@ import ColourOfPP from './ColourOfPP';
  * It is called by CM.Cache.CachePP()
  */
 export default function CacheUpgradePP() {
-	for (const i of Object.keys(CacheUpgrades)) {
+  Object.keys(CacheUpgrades).forEach((i) => {
-		if (Game.cookiesPs) {
+    if (Game.cookiesPs) {
-			CacheUpgrades[i].pp = (Math.max(Game.Upgrades[i].getPrice() - (Game.cookies + GetWrinkConfigBank()), 0) / Game.cookiesPs) + (Game.Upgrades[i].getPrice() / CacheUpgrades[i].bonus);
+      CacheUpgrades[i].pp =
-		} else CacheUpgrades[i].pp = (Game.Upgrades[i].getPrice() / CacheUpgrades[i].bonus);
+        Math.max(
-		if (Number.isNaN(CacheUpgrades[i].pp)) CacheUpgrades[i].pp = Infinity;
+          Game.Upgrades[i].getPrice() - (Game.cookies + GetWrinkConfigBank()),
+          0,
+        ) /
+          Game.cookiesPs +
+        Game.Upgrades[i].getPrice() / CacheUpgrades[i].bonus;
+    } else
+      CacheUpgrades[i].pp =
+        Game.Upgrades[i].getPrice() / CacheUpgrades[i].bonus;
+    if (Number.isNaN(CacheUpgrades[i].pp)) CacheUpgrades[i].pp = Infinity;
 
-		CacheUpgrades[i].color = ColourOfPP(CacheUpgrades[i], Game.Upgrades[i].getPrice());
+    CacheUpgrades[i].color = ColourOfPP(
-	}
+      CacheUpgrades[i],
+      Game.Upgrades[i].getPrice(),
+    );
+  });
 }

src/Cache/PantheonGods/CacheGods.js

@@ -0,0 +1,13 @@
+import CalculateChangeGod from '../../Sim/SimulationEvents/GodChange';
+import { CacheGods } from '../VariablesAndData';
+
+/**
+ * This functions caches the cps effect of each God in slot 1, 2 or 3
+ */
+export default function CachePantheonGods() {
+  for (let god = 0; god < 11; god += 1) {
+    for (let slot = 0; slot < 3; slot += 1) {
+      CacheGods[god][slot] = CalculateChangeGod(god, slot);
+    }
+  }
+}

src/Cache/PriceAndIncome/PriceAndIncome.js

@@ -1,11 +1,21 @@
 /* eslint-disable no-unused-vars */
 /** Section: Functions related to caching income */
 
+import { CMOptions } from '../../Config/VariablesAndData';
+import GetCPS from '../../Disp/HelperFunctions/GetCPS';
 import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding';
 import BuyBuildingsBonusIncome from '../../Sim/SimulationEvents/BuyBuildingBonusIncome';
 import BuyUpgradesBonusIncome from '../../Sim/SimulationEvents/BuyUpgrades';
 import {
-	CacheDoRemakeBuildPrices, CacheObjects1, CacheObjects10, CacheObjects100, CacheUpgrades,
+  CacheAverageCPS,
+  CacheAverageGainBank,
+  CacheAverageGainWrink,
+  CacheAverageGainWrinkFattest,
+  CacheDoRemakeBuildPrices,
+  CacheObjects1,
+  CacheObjects10,
+  CacheObjects100,
+  CacheUpgrades,
 } from '../VariablesAndData';
 
 /**
@@ -15,15 +25,15 @@ import {
  * @parem	{string}	target	The target Cache object ("Objects1", "Objects10" or "Objects100")
  */
 function CacheBuildingIncome(amount, target) {
-	const result = [];
+  const result = [];
-	for (const i of Object.keys(Game.Objects)) {
+  Object.keys(Game.Objects).forEach((i) => {
-		result[i] = {};
+    result[i] = {};
-		result[i].bonus = BuyBuildingsBonusIncome(i, amount);
+    result[i].bonus = BuyBuildingsBonusIncome(i, amount);
-		if (amount !== 1) {
+    if (amount !== 1) {
-			CacheDoRemakeBuildPrices = 1;
+      CacheDoRemakeBuildPrices = 1;
-		}
+    }
-	}
+  });
-	return result;
+  return result;
 }
 
 /**
@@ -31,24 +41,51 @@ function CacheBuildingIncome(amount, target) {
  * It is called by CM.Cache.CacheIncome()
  */
 function CacheUpgradeIncome() {
-	CacheUpgrades = [];
+  CacheUpgrades = [];
-	for (const i of Object.keys(Game.Upgrades)) {
+  Object.keys(Game.Upgrades).forEach((i) => {
-		const bonusIncome = BuyUpgradesBonusIncome(i);
+    const bonusIncome = BuyUpgradesBonusIncome(i);
-		CacheUpgrades[i] = {};
+    if (i === 'Elder Pledge') {
-		if (bonusIncome[0]) CacheUpgrades[i].bonus = bonusIncome[0];
+      CacheUpgrades[i] = { bonus: Game.cookiesPs - CacheAverageGainBank };
-		if (bonusIncome[1]) CacheUpgrades[i].bonusMouse = bonusIncome[1];
+      if (CMOptions.CalcWrink === 1)
-	}
+        CacheUpgrades[i].bonus -= CacheAverageGainWrink;
+      else if (CMOptions.CalcWrink === 2)
+        CacheUpgrades[i].bonus -= CacheAverageGainWrinkFattest;
+      if (!Number.isFinite(CacheUpgrades[i].bonus)) CacheUpgrades[i].bonus = 0;
+    } else {
+      CacheUpgrades[i] = {};
+      if (bonusIncome[0]) CacheUpgrades[i].bonus = bonusIncome[0];
+      if (bonusIncome[1]) CacheUpgrades[i].bonusMouse = bonusIncome[1];
+    }
+  });
 }
 
 /**
  * This functions caches the price of each building and stores it in the cache
  */
 export function CacheBuildingsPrices() {
-	for (const i of Object.keys(Game.Objects)) {
+  Object.keys(Game.Objects).forEach((i) => {
-		CacheObjects1[i].price = BuildingGetPrice(Game.Objects[i], Game.Objects[i].basePrice, Game.Objects[i].amount, Game.Objects[i].free, 1);
+    CacheObjects1[i].price = BuildingGetPrice(
-		CacheObjects10[i].price = BuildingGetPrice(Game.Objects[i], Game.Objects[i].basePrice, Game.Objects[i].amount, Game.Objects[i].free, 10);
+      Game.Objects[i],
-		CacheObjects100[i].price = BuildingGetPrice(Game.Objects[i], Game.Objects[i].basePrice, Game.Objects[i].amount, Game.Objects[i].free, 100);
+      Game.Objects[i].basePrice,
-	}
+      Game.Objects[i].amount,
+      Game.Objects[i].free,
+      1,
+    );
+    CacheObjects10[i].price = BuildingGetPrice(
+      Game.Objects[i],
+      Game.Objects[i].basePrice,
+      Game.Objects[i].amount,
+      Game.Objects[i].free,
+      10,
+    );
+    CacheObjects100[i].price = BuildingGetPrice(
+      Game.Objects[i],
+      Game.Objects[i].basePrice,
+      Game.Objects[i].amount,
+      Game.Objects[i].free,
+      100,
+    );
+  });
 }
 
 /**
@@ -56,11 +93,11 @@ export function CacheBuildingsPrices() {
  * It is called by CM.Main.Loop() and CM.Cache.InitCache()
  */
 export function CacheIncome() {
-	// Simulate Building Buys for 1, 10 and 100 amount
+  // Simulate Building Buys for 1, 10 and 100 amount
-	CacheObjects1 = CacheBuildingIncome(1);
+  CacheObjects1 = CacheBuildingIncome(1);
-	CacheObjects10 = CacheBuildingIncome(10);
+  CacheObjects10 = CacheBuildingIncome(10);
-	CacheObjects100 = CacheBuildingIncome(100);
+  CacheObjects100 = CacheBuildingIncome(100);
 
-	// Simulate Upgrade Buys
+  // Simulate Upgrade Buys
-	CacheUpgradeIncome();
+  CacheUpgradeIncome();
 }

src/Cache/Stats/ChainCookies.js

@@ -1,7 +1,22 @@
 /* eslint-disable no-unused-vars */
 import GetCPSBuffMult from '../CPS/GetCPSBuffMult';
 import {
-	CacheChainFrenzyMaxReward, CacheChainFrenzyRequired, CacheChainFrenzyRequiredNext, CacheChainFrenzyWrathMaxReward, CacheChainFrenzyWrathRequired, CacheChainFrenzyWrathRequiredNext, CacheChainMaxReward, CacheChainRequired, CacheChainRequiredNext, CacheChainWrathMaxReward, CacheChainWrathRequired, CacheChainWrathRequiredNext, CacheDragonsFortuneMultAdjustment, CacheGoldenCookiesMult, CacheNoGoldSwitchCookiesPS, CacheWrathCookiesMult,
+  CacheChainFrenzyMaxReward,
+  CacheChainFrenzyRequired,
+  CacheChainFrenzyRequiredNext,
+  CacheChainFrenzyWrathMaxReward,
+  CacheChainFrenzyWrathRequired,
+  CacheChainFrenzyWrathRequiredNext,
+  CacheChainMaxReward,
+  CacheChainRequired,
+  CacheChainRequiredNext,
+  CacheChainWrathMaxReward,
+  CacheChainWrathRequired,
+  CacheChainWrathRequiredNext,
+  CacheDragonsFortuneMultAdjustment,
+  CacheGoldenCookiesMult,
+  CacheNoGoldSwitchCookiesPS,
+  CacheWrathCookiesMult,
 } from '../VariablesAndData';
 
 /**
@@ -13,19 +28,32 @@ import {
  * @returns	[{number, number, number}]				Total cookies earned, cookie needed for this and next level
  */
 export function MaxChainCookieReward(digit, maxPayout, mult) {
-	let totalFromChain = 0;
+  let totalFromChain = 0;
-	let moni = 0;
+  let moni = 0;
-	let nextMoni = 0;
+  let nextMoni = 0;
-	let nextRequired = 0;
+  let nextRequired = 0;
-	let chain = 1 + Math.max(0, Math.ceil(Math.log(Game.cookies) / Math.LN10) - 10);
+  let chain =
-	while (nextMoni < maxPayout) {
+    1 + Math.max(0, Math.ceil(Math.log(Game.cookies) / Math.LN10) - 10);
-		moni = Math.max(digit, Math.min(Math.floor(1 / 9 * 10 ** chain * digit * mult), maxPayout * mult));
+  while (nextMoni < maxPayout) {
-		nextMoni = Math.max(digit, Math.min(Math.floor(1 / 9 * 10 ** (chain + 1) * digit * mult), maxPayout * mult));
+    moni = Math.max(
-		nextRequired = Math.floor(1 / 9 * 10 ** (chain + 1) * digit * mult);
+      digit,
-		totalFromChain += moni;
+      Math.min(
-		chain++;
+        Math.floor((1 / 9) * 10 ** chain * digit * mult),
-	}
+        maxPayout * mult,
-	return [totalFromChain, moni, nextRequired];
+      ),
+    );
+    nextMoni = Math.max(
+      digit,
+      Math.min(
+        Math.floor((1 / 9) * 10 ** (chain + 1) * digit * mult),
+        maxPayout * mult,
+      ),
+    );
+    nextRequired = Math.floor((1 / 9) * 10 ** (chain + 1) * digit * mult);
+    totalFromChain += moni;
+    chain += 1;
+  }
+  return [totalFromChain, moni, nextRequired];
 }
 
 /**
@@ -45,25 +73,65 @@ export function MaxChainCookieReward(digit, maxPayout, mult) {
  * @global	{number}			CM.Cache.ChainFrenzyWrathRequiredNext		Total cookies needed for next level for wrath frenzy chain
  */
 export function CacheChain() {
-	let maxPayout = CacheNoGoldSwitchCookiesPS * 60 * 60 * 6 * CacheDragonsFortuneMultAdjustment;
+  let maxPayout =
-	// Removes effect of Frenzy etc.
+    CacheNoGoldSwitchCookiesPS *
-	const cpsBuffMult = GetCPSBuffMult();
+    60 *
-	if (cpsBuffMult > 0) maxPayout /= cpsBuffMult;
+    60 *
-	else maxPayout = 0;
+    6 *
+    CacheDragonsFortuneMultAdjustment;
+  // Removes effect of Frenzy etc.
+  const cpsBuffMult = GetCPSBuffMult();
+  if (cpsBuffMult > 0) maxPayout /= cpsBuffMult;
+  else maxPayout = 0;
 
-	CacheChainMaxReward = MaxChainCookieReward(7, maxPayout, CacheGoldenCookiesMult);
+  CacheChainMaxReward = MaxChainCookieReward(
-	CacheChainRequired = CacheChainMaxReward[1] * 2 / CacheGoldenCookiesMult;
+    7,
-	CacheChainRequiredNext = CacheChainMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
+    maxPayout,
+    CacheGoldenCookiesMult,
+  );
+  CacheChainRequired = (CacheChainMaxReward[1] * 2) / CacheGoldenCookiesMult;
+  CacheChainRequiredNext =
+    CacheChainMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
 
-	CacheChainWrathMaxReward = MaxChainCookieReward(6, maxPayout, CacheWrathCookiesMult);
+  CacheChainWrathMaxReward = MaxChainCookieReward(
-	CacheChainWrathRequired = CacheChainWrathMaxReward[1] * 2 / CacheWrathCookiesMult;
+    6,
-	CacheChainWrathRequiredNext = CacheChainWrathMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
+    maxPayout,
+    CacheWrathCookiesMult,
+  );
+  CacheChainWrathRequired =
+    (CacheChainWrathMaxReward[1] * 2) / CacheWrathCookiesMult;
+  CacheChainWrathRequiredNext =
+    CacheChainWrathMaxReward[2] /
+    60 /
+    60 /
+    6 /
+    CacheDragonsFortuneMultAdjustment;
 
-	CacheChainFrenzyMaxReward = MaxChainCookieReward(7, maxPayout * 7, CacheGoldenCookiesMult);
+  CacheChainFrenzyMaxReward = MaxChainCookieReward(
-	CacheChainFrenzyRequired = CacheChainFrenzyMaxReward[1] * 2 / CacheGoldenCookiesMult;
+    7,
-	CacheChainFrenzyRequiredNext = CacheChainFrenzyMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
+    maxPayout * 7,
+    CacheGoldenCookiesMult,
+  );
+  CacheChainFrenzyRequired =
+    (CacheChainFrenzyMaxReward[1] * 2) / CacheGoldenCookiesMult;
+  CacheChainFrenzyRequiredNext =
+    CacheChainFrenzyMaxReward[2] /
+    60 /
+    60 /
+    6 /
+    CacheDragonsFortuneMultAdjustment;
 
-	CacheChainFrenzyWrathMaxReward = MaxChainCookieReward(6, maxPayout * 7, CacheWrathCookiesMult);
+  CacheChainFrenzyWrathMaxReward = MaxChainCookieReward(
-	CacheChainFrenzyWrathRequired = CacheChainFrenzyWrathMaxReward[1] * 2 / CacheWrathCookiesMult;
+    6,
-	CacheChainFrenzyWrathRequiredNext = CacheChainFrenzyWrathMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
+    maxPayout * 7,
+    CacheWrathCookiesMult,
+  );
+  CacheChainFrenzyWrathRequired =
+    (CacheChainFrenzyWrathMaxReward[1] * 2) / CacheWrathCookiesMult;
+  CacheChainFrenzyWrathRequiredNext =
+    CacheChainFrenzyWrathMaxReward[2] /
+    60 /
+    60 /
+    6 /
+    CacheDragonsFortuneMultAdjustment;
 }

src/Cache/Stats/HeavenlyChips.js

@@ -1,6 +1,9 @@
 /* eslint-disable no-unused-vars */
 import {
-	CacheHCPerSecond, CacheLastHeavenlyCheck, CacheLastHeavenlyChips, HeavenlyChipsDiff,
+  CacheHCPerSecond,
+  CacheLastHeavenlyCheck,
+  CacheLastHeavenlyChips,
+  HeavenlyChipsDiff,
 } from '../VariablesAndData';
 
 /**
@@ -9,25 +12,28 @@ import {
  * @global	{number}	CM.Cache.HCPerSecond	The Heavenly Chips per second in the last five seconds
  */
 export default function CacheHeavenlyChipsPS() {
-	const currDate = Math.floor(Date.now() / 1000);
+  const currDate = Math.floor(Date.now() / 1000);
-	// Only calculate every new second
+  // Only calculate every new second
-	if ((Game.T / Game.fps) % 1 === 0) {
+  if ((Game.T / Game.fps) % 1 === 0) {
-		const chipsOwned = Game.HowMuchPrestige(Game.cookiesReset);
+    const chipsOwned = Game.HowMuchPrestige(Game.cookiesReset);
-		const ascendNowToOwn = Math.floor(Game.HowMuchPrestige(Game.cookiesReset + Game.cookiesEarned));
+    const ascendNowToOwn = Math.floor(
-		const ascendNowToGet = ascendNowToOwn - Math.floor(chipsOwned);
+      Game.HowMuchPrestige(Game.cookiesReset + Game.cookiesEarned),
+    );
+    const ascendNowToGet = ascendNowToOwn - Math.floor(chipsOwned);
 
-		// Add recent gains to AvgQueue's
+    // Add recent gains to AvgQueue's
-		const timeDiff = currDate - CacheLastHeavenlyCheck;
+    const timeDiff = currDate - CacheLastHeavenlyCheck;
-		const heavenlyChipsDiffAvg = Math.max(0, (ascendNowToGet - CacheLastHeavenlyChips)) / timeDiff;
+    const heavenlyChipsDiffAvg =
-		for (let i = 0; i < timeDiff; i++) {
+      Math.max(0, ascendNowToGet - CacheLastHeavenlyChips) / timeDiff;
-			HeavenlyChipsDiff.addLatest(heavenlyChipsDiffAvg);
+    for (let i = 0; i < timeDiff; i++) {
-		}
+      HeavenlyChipsDiff.addLatest(heavenlyChipsDiffAvg);
+    }
 
-		// Store current data for next loop
+    // Store current data for next loop
-		CacheLastHeavenlyCheck = currDate;
+    CacheLastHeavenlyCheck = currDate;
-		CacheLastHeavenlyChips = ascendNowToGet;
+    CacheLastHeavenlyChips = ascendNowToGet;
 
-		// Get average gain over period of 5 seconds
+    // Get average gain over period of 5 seconds
-		CacheHCPerSecond = HeavenlyChipsDiff.calcAverage(5);
+    CacheHCPerSecond = HeavenlyChipsDiff.calcAverage(5);
-	}
+  }
 }

src/Cache/Stats/MissingUpgrades.js

@@ -1,6 +1,10 @@
 /* eslint-disable no-unused-vars */
 import { crateMissing } from '../../Disp/MenuSections/CreateMissingUpgrades';
-import { CacheMissingUpgrades, CacheMissingUpgradesCookies, CacheMissingUpgradesPrestige } from '../VariablesAndData';
+import {
+  CacheMissingUpgrades,
+  CacheMissingUpgradesCookies,
+  CacheMissingUpgradesPrestige,
+} from '../VariablesAndData';
 
 /**
  * This functions caches variables related to missing upgrades
@@ -10,31 +14,36 @@ import { CacheMissingUpgrades, CacheMissingUpgradesCookies, CacheMissingUpgrades
  * @global	{string}	CM.Cache.MissingUpgradesPrestige	String containig the HTML to create the "crates" for missing prestige upgrades
  */
 export default function CacheAllMissingUpgrades() {
-	CacheMissingUpgrades = '';
+  CacheMissingUpgrades = '';
-	CacheMissingUpgradesCookies = '';
+  CacheMissingUpgradesCookies = '';
-	CacheMissingUpgradesPrestige = '';
+  CacheMissingUpgradesPrestige = '';
-	const list = [];
+  const list = [];
-	// sort the upgrades
+  // sort the upgrades
-	for (const i of Object.keys(Game.Upgrades)) {
+  Object.keys(Game.Upgrades).forEach((i) => {
-		list.push(Game.Upgrades[i]);
+    list.push(Game.Upgrades[i]);
-	}
+  });
-	const sortMap = function (a, b) {
+  const sortMap = function (a, b) {
-		if (a.order > b.order) return 1;
+    if (a.order > b.order) return 1;
-		if (a.order < b.order) return -1;
+    if (a.order < b.order) return -1;
-		return 0;
+    return 0;
-	};
+  };
-	list.sort(sortMap);
+  list.sort(sortMap);
 
-	for (const i of Object.keys(list)) {
+  Object.keys(list).forEach((i) => {
-		const me = list[i];
+    const me = list[i];
 
-		if (me.bought === 0) {
+    if (me.bought === 0) {
-			let str = '';
+      let str = '';
 
-			str += crateMissing(me);
+      str += crateMissing(me);
-			if (me.pool === 'prestige') CacheMissingUpgradesPrestige += str;
+      if (me.pool === 'prestige') CacheMissingUpgradesPrestige += str;
-			else if (me.pool === 'cookie') CacheMissingUpgradesCookies += str;
+      else if (me.pool === 'cookie') CacheMissingUpgradesCookies += str;
-			else if (me.pool !== 'toggle' && me.pool !== 'unused' && me.pool !== 'debug') CacheMissingUpgrades += str;
+      else if (
-		}
+        me.pool !== 'toggle' &&
-	}
+        me.pool !== 'unused' &&
+        me.pool !== 'debug'
+      )
+        CacheMissingUpgrades += str;
+    }
+  });
 }

src/Cache/Stats/Reindeer.js

@@ -7,11 +7,11 @@ import { CacheSeaSpec } from '../VariablesAndData';
  * @global	{number}	CM.Cache.SeaSpec	The reward for popping a reindeer
  */
 export default function CacheSeasonSpec() {
-	if (Game.season === 'christmas') {
+  if (Game.season === 'christmas') {
-		let val = Game.cookiesPs * 60;
+    let val = Game.cookiesPs * 60;
-		if (Game.hasBuff('Elder frenzy')) val *= 0.5;
+    if (Game.hasBuff('Elder frenzy')) val *= 0.5;
-		if (Game.hasBuff('Frenzy')) val *= 0.75;
+    if (Game.hasBuff('Frenzy')) val *= 0.75;
-		CacheSeaSpec = Math.max(25, val);
+    CacheSeaSpec = Math.max(25, val);
-		if (Game.Has('Ho ho ho-flavored frosting')) CacheSeaSpec *= 2;
+    if (Game.Has('Ho ho ho-flavored frosting')) CacheSeaSpec *= 2;
-	}
+  }
 }

src/Cache/Stats/Stats.js

@@ -4,70 +4,88 @@
 import SimHas from '../../Sim/ReplacedGameFunctions/SimHas';
 import GetCPSBuffMult from '../CPS/GetCPSBuffMult';
 import {
-	CacheConjure, CacheConjureReward, CacheDragonsFortuneMultAdjustment, CacheEdifice, CacheEdificeBuilding, CacheGoldenCookiesMult, CacheLucky, CacheLuckyFrenzy, CacheLuckyReward, CacheLuckyRewardFrenzy, CacheLuckyWrathReward, CacheLuckyWrathRewardFrenzy, CacheNoGoldSwitchCookiesPS, CacheWrathCookiesMult,
+  CacheConjure,
+  CacheConjureReward,
+  CacheDragonsFortuneMultAdjustment,
+  CacheEdifice,
+  CacheEdificeBuilding,
+  CacheGoldenCookiesMult,
+  CacheLucky,
+  CacheLuckyFrenzy,
+  CacheLuckyReward,
+  CacheLuckyRewardFrenzy,
+  CacheLuckyWrathReward,
+  CacheLuckyWrathRewardFrenzy,
+  CacheNoGoldSwitchCookiesPS,
+  CacheWrathCookiesMult,
 } from '../VariablesAndData';
 
 /**
  * This functions caches variables related to the stats page
  */
 export function CacheStatsCookies() {
-	CacheLucky = (CacheNoGoldSwitchCookiesPS * 900) / 0.15;
+  CacheLucky = (CacheNoGoldSwitchCookiesPS * 900) / 0.15;
-	CacheLucky *= CacheDragonsFortuneMultAdjustment;
+  CacheLucky *= CacheDragonsFortuneMultAdjustment;
-	const cpsBuffMult = GetCPSBuffMult();
+  const cpsBuffMult = GetCPSBuffMult();
-	if (cpsBuffMult > 0) CacheLucky /= cpsBuffMult;
+  if (cpsBuffMult > 0) CacheLucky /= cpsBuffMult;
-	else CacheLucky = 0;
+  else CacheLucky = 0;
-	CacheLuckyReward = CacheGoldenCookiesMult * (CacheLucky * 0.15) + 13;
+  CacheLuckyReward = CacheGoldenCookiesMult * (CacheLucky * 0.15) + 13;
-	CacheLuckyWrathReward = CacheWrathCookiesMult * (CacheLucky * 0.15) + 13;
+  CacheLuckyWrathReward = CacheWrathCookiesMult * (CacheLucky * 0.15) + 13;
-	CacheLuckyFrenzy = CacheLucky * 7;
+  CacheLuckyFrenzy = CacheLucky * 7;
-	CacheLuckyRewardFrenzy = CacheGoldenCookiesMult * (CacheLuckyFrenzy * 0.15) + 13;
+  CacheLuckyRewardFrenzy =
-	CacheLuckyWrathRewardFrenzy = CacheWrathCookiesMult * (CacheLuckyFrenzy * 0.15) + 13;
+    CacheGoldenCookiesMult * (CacheLuckyFrenzy * 0.15) + 13;
-	CacheConjure = CacheLucky * 2;
+  CacheLuckyWrathRewardFrenzy =
-	CacheConjureReward = CacheConjure * 0.15;
+    CacheWrathCookiesMult * (CacheLuckyFrenzy * 0.15) + 13;
+  CacheConjure = CacheLucky * 2;
+  CacheConjureReward = CacheConjure * 0.15;
 
-	CacheEdifice = 0;
+  CacheEdifice = 0;
-	let max = 0;
+  let max = 0;
-	let n = 0;
+  let n = 0;
-	for (const i of Object.keys(Game.Objects)) {
+  Object.keys(Game.Objects).forEach((i) => {
-		if (Game.Objects[i].amount > max) max = Game.Objects[i].amount;
+    if (Game.Objects[i].amount > max) max = Game.Objects[i].amount;
-		if (Game.Objects[i].amount > 0) n++;
+    if (Game.Objects[i].amount > 0) n += 1;
-	}
+  });
-	for (const i of Object.keys(Game.Objects)) {
+  Object.keys(Game.Objects).forEach((i) => {
-		if ((Game.Objects[i].amount < max || n === 1)
+    if (
-			&& Game.Objects[i].amount < 400
+      (Game.Objects[i].amount < max || n === 1) &&
-			&& Game.Objects[i].price * 2 > CacheEdifice) {
+      Game.Objects[i].amount < 400 &&
-			CacheEdifice = Game.Objects[i].price * 2;
+      Game.Objects[i].price * 2 > CacheEdifice
-			CacheEdificeBuilding = i;
+    ) {
-		}
+      CacheEdifice = Game.Objects[i].price * 2;
-	}
+      CacheEdificeBuilding = i;
+    }
+  });
 }
 
 /**
  * This functions calculates the multipliers of Golden and Wrath cookie rewards
  */
 export function CacheGoldenAndWrathCookiesMults() {
-	let goldenMult = 1;
+  let goldenMult = 1;
-	let wrathMult = 1;
+  let wrathMult = 1;
-	let mult = 1;
+  let mult = 1;
 
-	// Factor auras and upgrade in mults
+  // Factor auras and upgrade in mults
-	if (SimHas('Green yeast digestives')) mult *= 1.01;
+  if (SimHas('Green yeast digestives')) mult *= 1.01;
-	if (SimHas('Dragon fang')) mult *= 1.03;
+  if (SimHas('Dragon fang')) mult *= 1.03;
 
-	goldenMult *= 1 + Game.auraMult('Ancestral Metamorphosis') * 0.1;
+  goldenMult *= 1 + Game.auraMult('Ancestral Metamorphosis') * 0.1;
-	goldenMult *= Game.eff('goldenCookieGain');
+  goldenMult *= Game.eff('goldenCookieGain');
-	wrathMult *= 1 + Game.auraMult('Unholy Dominion') * 0.1;
+  wrathMult *= 1 + Game.auraMult('Unholy Dominion') * 0.1;
-	wrathMult *= Game.eff('wrathCookieGain');
+  wrathMult *= Game.eff('wrathCookieGain');
 
-	// Calculate final golden and wrath multipliers
+  // Calculate final golden and wrath multipliers
-	CacheGoldenCookiesMult = mult * goldenMult;
+  CacheGoldenCookiesMult = mult * goldenMult;
-	CacheWrathCookiesMult = mult * wrathMult;
+  CacheWrathCookiesMult = mult * wrathMult;
 
-	// Calculate Dragon's Fortune multiplier adjustment:
+  // Calculate Dragon's Fortune multiplier adjustment:
-	// If Dragon's Fortune (or Reality Bending) aura is active and there are currently no golden cookies,
+  // If Dragon's Fortune (or Reality Bending) aura is active and there are currently no golden cookies,
-	// compute a multiplier adjustment to apply on the current CPS to simulate 1 golden cookie on screen.
+  // compute a multiplier adjustment to apply on the current CPS to simulate 1 golden cookie on screen.
-	// Otherwise, the aura effect will be factored in the base CPS making the multiplier not requiring adjustment.
+  // Otherwise, the aura effect will be factored in the base CPS making the multiplier not requiring adjustment.
-	CacheDragonsFortuneMultAdjustment = 1;
+  CacheDragonsFortuneMultAdjustment = 1;
-	if (Game.shimmerTypes.golden.n === 0) {
+  if (Game.shimmerTypes.golden.n === 0) {
-		CacheDragonsFortuneMultAdjustment *= 1 + Game.auraMult('Dragon\'s Fortune') * 1.23;
+    CacheDragonsFortuneMultAdjustment *=
-	}
+      1 + Game.auraMult("Dragon's Fortune") * 1.23;
+  }
 }

src/Cache/VariablesAndData.js

@@ -33,7 +33,6 @@ export let CacheWrinklersTotal = 0;
 export let CacheWrinklersNormal = 0;
 export let CacheWrinklersFattest = [0, null];
 
-export let CacheAvgCps = 0;
 export let CacheCurrWrinklerCPSMult = 0;
 export let CacheCurrWrinklerCount = 0;
 
@@ -66,10 +65,10 @@ export let CacheSeasonPopShimmer = {};
 
 export let CacheTimeTillNextPrestige = 0;
 
+/** Stores lowest PP value */
 export let CacheMinPP = 0;
-export let CacheMidPP = 0;
+/** Stores all PP values of all buildings for all buy settings (1, 10, 100) */
-export let CacheMaxPP = 0;
+export let CachePPArray = [];
-export let CacheArrayOfPPs = [];
 
 export let CacheGoldenShimmersByID = {};
 
@@ -100,3 +99,18 @@ export let CacheLastHeavenlyChips;
 export let CacheDoRemakeBuildPrices;
 
 export let CacheHadBuildAura;
+
+/** Store the CPS effect of each god if it was put into each slot */
+export let CacheGods = {
+  0: [0, 0, 0],
+  1: [0, 0, 0],
+  2: [0, 0, 0],
+  3: [0, 0, 0],
+  4: [0, 0, 0],
+  5: [0, 0, 0],
+  6: [0, 0, 0],
+  7: [0, 0, 0],
+  8: [0, 0, 0],
+  9: [0, 0, 0],
+  10: [0, 0, 0],
+};

src/Cache/Wrinklers/Wrinklers.js

@@ -3,7 +3,9 @@
 
 import { SimObjects } from '../../Sim/VariablesAndData';
 import {
-	CacheWrinklersFattest, CacheWrinklersNormal, CacheWrinklersTotal,
+  CacheWrinklersFattest,
+  CacheWrinklersNormal,
+  CacheWrinklersTotal,
 } from '../VariablesAndData';
 
 /**
@@ -14,23 +16,27 @@ import {
  * @global	{[{number}, {number}]}	CM.Cache.WrinklersFattest	A list containing the cookies and the id of the fattest non-shiny wrinkler
  */
 export default function CacheWrinklers() {
-	for (let i = 0; i < Game.wrinklers.length; i++) {
+  CacheWrinklersTotal = 0;
-		let sucked = Game.wrinklers[i].sucked;
+  CacheWrinklersNormal = 0;
-		let toSuck = 1.1;
+  CacheWrinklersFattest = [0, null];
-		if (Game.Has('Sacrilegious corruption')) toSuck *= 1.05;
+  for (let i = 0; i < Game.wrinklers.length; i++) {
-		if (Game.wrinklers[i].type === 1) toSuck *= 3; // Shiny wrinklers
+    let { sucked } = Game.wrinklers[i];
-		sucked *= toSuck;
+    let toSuck = 1.1;
-		if (Game.Has('Wrinklerspawn')) sucked *= 1.05;
+    if (Game.Has('Sacrilegious corruption')) toSuck *= 1.05;
-		if (SimObjects.Temple.minigameLoaded) {
+    if (Game.wrinklers[i].type === 1) toSuck *= 3; // Shiny wrinklers
-			const godLvl = Game.hasGod('scorn');
+    sucked *= toSuck;
-			if (godLvl === 1) sucked *= 1.15;
+    if (Game.Has('Wrinklerspawn')) sucked *= 1.05;
-			else if (godLvl === 2) sucked *= 1.1;
+    if (SimObjects.Temple.minigameLoaded) {
-			else if (godLvl === 3) sucked *= 1.05;
+      const godLvl = Game.hasGod('scorn');
-		}
+      if (godLvl === 1) sucked *= 1.15;
-		CacheWrinklersTotal += sucked;
+      else if (godLvl === 2) sucked *= 1.1;
-		if (Game.wrinklers[i].type === 0) {
+      else if (godLvl === 3) sucked *= 1.05;
-			CacheWrinklersNormal += sucked;
+    }
-			if (sucked > CacheWrinklersFattest[0]) CacheWrinklersFattest = [sucked, i];
+    CacheWrinklersTotal += sucked;
-		}
+    if (Game.wrinklers[i].type === 0) {
-	}
+      CacheWrinklersNormal += sucked;
+      if (sucked > CacheWrinklersFattest[0])
+        CacheWrinklersFattest = [sucked, i];
+    }
+  }
 }

src/Config/CheckNotificationPermissions.js

@@ -5,26 +5,26 @@
  * @param 	{number}	ToggleOnOff		A number indicating whether the option has been turned off (0) or on (1)
  */
 function CheckNotificationPermissions(ToggleOnOff) {
-	if (ToggleOnOff === 1)	{
+  if (ToggleOnOff === 1) {
-		// Check if browser support Promise version of Notification Permissions
+    // Check if browser support Promise version of Notification Permissions
-		const checkNotificationPromise = function () {
+    const checkNotificationPromise = function () {
-			try {
+      try {
-				Notification.requestPermission().then();
+        Notification.requestPermission().then();
-			} catch (e) {
+      } catch (e) {
-				return false;
+        return false;
-			}
+      }
-			return true;
+      return true;
-		};
+    };
 
-		// Check if the browser supports notifications and which type
+    // Check if the browser supports notifications and which type
-		if (!('Notification' in window)) {
+    if (!('Notification' in window)) {
-			console.log('This browser does not support notifications.');
+      console.log('This browser does not support notifications.');
-		} else if (checkNotificationPromise()) {
+    } else if (checkNotificationPromise()) {
-			Notification.requestPermission().then();
+      Notification.requestPermission().then();
-		} else {
+    } else {
-			Notification.requestPermission();
+      Notification.requestPermission();
-		}
+    }
-	}
+  }
 }
 
 export default CheckNotificationPermissions;

src/Config/SaveLoadReload/SaveLoadReloadSettings.js

@@ -1,5 +1,5 @@
-import { default as ConfigDefault } from '../../Data/SettingsDefault';
+import ConfigDefault from '../../Data/SettingsDefault';
-import { default as ConfigData } from '../../Data/SettingsData';
+import ConfigData from '../../Data/SettingsData';
 import { CMOptions } from '../VariablesAndData';
 import save from '../../InitSaveLoad/save';
 import CMLoop from '../../Main/Loop';
@@ -13,12 +13,20 @@ import CMLoop from '../../Main/Loop';
  * CM.ToggleConfigVolume() and changes in options with type "url", "color" or "numscale"
  */
 export function SaveConfig() {
-	const saveString = b64_to_utf8(unescape(localStorage.getItem('CookieClickerGame')).split('!END!')[0]);
+  const saveString = b64_to_utf8(
-	const CookieMonsterSave = saveString.match(/CookieMonster.*(;|$)/);
+    unescape(localStorage.getItem('CookieClickerGame')).split('!END!')[0],
-	if (CookieMonsterSave !== null) {
+  );
-		const newSaveString = saveString.replace(CookieMonsterSave[0], `CookieMonster:${save()}`);
+  const CookieMonsterSave = saveString.match(/CookieMonster.*(;|$)/);
-		localStorage.setItem('CookieClickerGame', escape(`${utf8_to_b64(newSaveString)}!END!`));
+  if (CookieMonsterSave !== null) {
-	}
+    const newSaveString = saveString.replace(
+      CookieMonsterSave[0],
+      `CookieMonster:${save()}`,
+    );
+    localStorage.setItem(
+      'CookieClickerGame',
+      escape(`${utf8_to_b64(newSaveString)}!END!`),
+    );
+  }
 }
 
 /**
@@ -26,53 +34,64 @@ export function SaveConfig() {
  * It is called by CM.Main.DelayInit() and CM.Config.RestoreDefault()
  */
 export function LoadConfig(settings) {
-	// This removes cookies left from earlier versions of CookieMonster
+  // This removes cookies left from earlier versions of CookieMonster
-	if (typeof localStorage.CMConfig !== 'undefined') {
+  if (typeof localStorage.CMConfig !== 'undefined') {
-		delete localStorage.CMConfig;
+    delete localStorage.CMConfig;
-	}
+  }
-	if (settings !== undefined) {
+  if (settings !== undefined) {
-		CMOptions = settings;
+    CMOptions = settings;
 
-		// Check values
+    // Check values
-		let mod = false;
+    let mod = false;
-		for (const i in ConfigDefault) {
+    Object.keys(ConfigDefault).forEach((i) => {
-			if (typeof CMOptions[i] === 'undefined') {
+      if (typeof CMOptions[i] === 'undefined') {
-				mod = true;
+        mod = true;
-				CMOptions[i] = ConfigDefault[i];
+        CMOptions[i] = ConfigDefault[i];
-			} else if (i !== 'Header' && i !== 'Colors') {
+      } else if (i !== 'Header' && i !== 'Colors') {
-				if (i.indexOf('SoundURL') === -1) {
+        if (i.indexOf('SoundURL') === -1) {
-					if (!(CMOptions[i] > -1 && CMOptions[i] < ConfigData[i].label.length)) {
+          if (
-						mod = true;
+            !(CMOptions[i] > -1 && CMOptions[i] < ConfigData[i].label.length)
-						CMOptions[i] = ConfigDefault[i];
+          ) {
-					}
+            mod = true;
-				} else if (typeof CMOptions[i] !== 'string') { // Sound URLs
+            CMOptions[i] = ConfigDefault[i];
-					mod = true;
+          }
-					CMOptions[i] = ConfigDefault[i];
+        } else if (typeof CMOptions[i] !== 'string') {
-				}
+          // Sound URLs
-			} else if (i === 'Header') {
+          mod = true;
-				for (const j in ConfigDefault.Header) {
+          CMOptions[i] = ConfigDefault[i];
-					if (typeof CMOptions[i][j] === 'undefined' || !(CMOptions[i][j] > -1 && CMOptions[i][j] < 2)) {
+        }
-						mod = true;
+      } else if (i === 'Header') {
-						CMOptions[i][j] = ConfigDefault[i][j];
+        Object.keys(ConfigDefault.Header).forEach((j) => {
-					}
+          if (
-				}
+            typeof CMOptions[i][j] === 'undefined' ||
-			} else { // Colors
+            !(CMOptions[i][j] > -1 && CMOptions[i][j] < 2)
-				for (const j in ConfigDefault.Colors) {
+          ) {
-					if (typeof CMOptions[i][j] === 'undefined' || typeof CMOptions[i][j] !== 'string') {
+            mod = true;
-						mod = true;
+            CMOptions[i][j] = ConfigDefault[i][j];
-						CMOptions[i][j] = ConfigDefault[i][j];
+          }
-					}
+        });
-				}
+      } else {
-			}
+        // Colors
-		}
+        Object.keys(ConfigDefault.Colors).forEach((j) => {
-		if (mod) SaveConfig();
+          if (
-		CMLoop(); // Do loop once
+            typeof CMOptions[i][j] === 'undefined' ||
-		for (const i in ConfigDefault) {
+            typeof CMOptions[i][j] !== 'string'
-			if (i !== 'Header' && typeof ConfigData[i].func !== 'undefined') {
+          ) {
-				ConfigData[i].func();
+            mod = true;
-			}
+            CMOptions[i][j] = ConfigDefault[i][j];
-		}
+          }
-	} else { // Default values
+        });
-		LoadConfig(ConfigDefault);
+      }
-	}
+    });
+    if (mod) SaveConfig();
+    CMLoop(); // Do loop once
+    Object.keys(ConfigDefault).forEach((i) => {
+      if (i !== 'Header' && typeof ConfigData[i].func !== 'undefined') {
+        ConfigData[i].func();
+      }
+    });
+  } else {
+    // Default values
+    LoadConfig(ConfigDefault);
+  }
 }

src/Config/SpecificToggles.js

@@ -7,48 +7,55 @@ import { CMOptions } from './VariablesAndData';
  * This function changes the position of both the bottom and timer bar
  */
 export function UpdateBotTimerBarPosition() {
-	if (CMOptions.BotBar === 1 && CMOptions.TimerBar === 1 && CMOptions.TimerBarPos === 1) {
+  if (
-		l('CMBotBar').style.bottom = l('CMTimerBar').style.height;
+    CMOptions.BotBar === 1 &&
-		l('game').style.bottom = `${Number(l('CMTimerBar').style.height.replace('px', '')) + 70}px`;
+    CMOptions.TimerBar === 1 &&
-	} else if (CMOptions.BotBar === 1) {
+    CMOptions.TimerBarPos === 1
-		l('CMBotBar').style.bottom = '0px';
+  ) {
-		l('game').style.bottom = '70px';
+    l('CMBotBar').style.bottom = l('CMTimerBar').style.height;
-	} else if (CMOptions.TimerBar === 1 && CMOptions.TimerBarPos === 1) {
+    l('game').style.bottom = `${
-		l('game').style.bottom = l('CMTimerBar').style.height;
+      Number(l('CMTimerBar').style.height.replace('px', '')) + 70
-	} else { // No bars
+    }px`;
-		l('game').style.bottom = '0px';
+  } else if (CMOptions.BotBar === 1) {
-	}
+    l('CMBotBar').style.bottom = '0px';
+    l('game').style.bottom = '70px';
+  } else if (CMOptions.TimerBar === 1 && CMOptions.TimerBarPos === 1) {
+    l('game').style.bottom = l('CMTimerBar').style.height;
+  } else {
+    // No bars
+    l('game').style.bottom = '0px';
+  }
 
-	if (CMOptions.TimerBar === 1 && CMOptions.TimerBarPos === 0) {
+  if (CMOptions.TimerBar === 1 && CMOptions.TimerBarPos === 0) {
-		l('sectionLeft').style.top = l('CMTimerBar').style.height;
+    l('sectionLeft').style.top = l('CMTimerBar').style.height;
-	} else {
+  } else {
-		l('sectionLeft').style.top = '';
+    l('sectionLeft').style.top = '';
-	}
+  }
 
-	UpdateBackground();
+  UpdateBackground();
 }
 
 /**
  * This function changes the visibility of the timer bar
  */
 export function ToggleTimerBar() {
-	if (CMOptions.TimerBar === 1) l('CMTimerBar').style.display = '';
+  if (CMOptions.TimerBar === 1) l('CMTimerBar').style.display = '';
-	else l('CMTimerBar').style.display = 'none';
+  else l('CMTimerBar').style.display = 'none';
-	UpdateBotTimerBarPosition();
+  UpdateBotTimerBarPosition();
 }
 
 /**
  * This function changes the position of the timer bar
  */
 export function ToggleTimerBarPos() {
-	if (CMOptions.TimerBarPos === 0) {
+  if (CMOptions.TimerBarPos === 0) {
-		l('CMTimerBar').style.width = '30%';
+    l('CMTimerBar').style.width = '30%';
-		l('CMTimerBar').style.bottom = '';
+    l('CMTimerBar').style.bottom = '';
-		l('game').insertBefore(l('CMTimerBar'), l('sectionLeft'));
+    l('game').insertBefore(l('CMTimerBar'), l('sectionLeft'));
-	} else {
+  } else {
-		l('CMTimerBar').style.width = '100%';
+    l('CMTimerBar').style.width = '100%';
-		l('CMTimerBar').style.bottom = '0px';
+    l('CMTimerBar').style.bottom = '0px';
-		l('wrapper').appendChild(l('CMTimerBar'));
+    l('wrapper').appendChild(l('CMTimerBar'));
-	}
+  }
-	UpdateBotTimerBarPosition();
+  UpdateBotTimerBarPosition();
 }

src/Config/ToggleSetting.js

@@ -1,4 +1,4 @@
-import { default as ConfigData } from '../Data/SettingsData';
+import ConfigData from '../Data/SettingsData';
 import { SaveConfig } from './SaveLoadReload/SaveLoadReloadSettings';
 import { CMOptions } from './VariablesAndData';
 
@@ -13,19 +13,21 @@ export const ConfigPrefix = 'CMConfig';
  * @param 	{string}	config	The name of the option
  */
 export function ToggleConfig(config) {
-	CMOptions[config]++;
+  CMOptions[config] += 1;
 
-	if (CMOptions[config] === ConfigData[config].label.length) {
+  if (CMOptions[config] === ConfigData[config].label.length) {
-		CMOptions[config] = 0;
+    CMOptions[config] = 0;
-		if (ConfigData[config].toggle) l(ConfigPrefix + config).className = 'option off';
+    if (ConfigData[config].toggle)
-	} else l(ConfigPrefix + config).className = 'option';
+      l(ConfigPrefix + config).className = 'option off';
+  } else l(ConfigPrefix + config).className = 'option';
 
-	if (typeof ConfigData[config].func !== 'undefined') {
+  if (typeof ConfigData[config].func !== 'undefined') {
-		ConfigData[config].func();
+    ConfigData[config].func();
-	}
+  }
 
-	l(ConfigPrefix + config).innerHTML = ConfigData[config].label[CMOptions[config]];
+  l(ConfigPrefix + config).innerHTML =
-	SaveConfig();
+    ConfigData[config].label[CMOptions[config]];
+  SaveConfig();
 }
 
 /**
@@ -34,11 +36,11 @@ export function ToggleConfig(config) {
  * @param 	{string}	config	The name of the option
  */
 export function ToggleConfigVolume(config) {
-	if (l(`slider${config}`) !== null) {
+  if (l(`slider${config}`) !== null) {
-		l(`slider${config}right`).innerHTML = `${l(`slider${config}`).value}%`;
+    l(`slider${config}right`).innerHTML = `${l(`slider${config}`).value}%`;
-		CMOptions[config] = Math.round(l(`slider${config}`).value);
+    CMOptions[config] = Math.round(l(`slider${config}`).value);
-	}
+  }
-	SaveConfig();
+  SaveConfig();
 }
 
 /**
@@ -47,7 +49,7 @@ export function ToggleConfigVolume(config) {
  * @param 	{string}	config	The name of the header
  */
 export function ToggleHeader(config) {
-	CMOptions.Header[config]++;
+  CMOptions.Header[config] += 1;
-	if (CMOptions.Header[config] > 1) CMOptions.Header[config] = 0;
+  if (CMOptions.Header[config] > 1) CMOptions.Header[config] = 0;
-	SaveConfig();
+  SaveConfig();
 }

src/Config/Toggles/ToggleBotBar.js

@@ -7,11 +7,11 @@ import { CMOptions } from '../VariablesAndData';
  * It is called by CM.Disp.UpdateAscendState() and a change in CMOptions.BotBar
  */
 export default function ToggleBotBar() {
-	if (CMOptions.BotBar === 1) {
+  if (CMOptions.BotBar === 1) {
-		l('CMBotBar').style.display = '';
+    l('CMBotBar').style.display = '';
-		UpdateBotBar();
+    UpdateBotBar();
-	} else {
+  } else {
-		l('CMBotBar').style.display = 'none';
+    l('CMBotBar').style.display = 'none';
-	}
+  }
-	UpdateBotTimerBarPosition();
+  UpdateBotTimerBarPosition();
 }

src/Config/Toggles/ToggleDetailedTime.js

@@ -7,6 +7,6 @@ import { CMOptions } from '../VariablesAndData';
  * It is called by a change in CM.Options.DetailedTime
  */
 export default function ToggleDetailedTime() {
-	if (CMOptions.DetailedTime === 1) Game.sayTime = CMSayTime;
+  if (CMOptions.DetailedTime === 1) Game.sayTime = CMSayTime;
-	else Game.sayTime = BackupFunctions.sayTime;
+  else Game.sayTime = BackupFunctions.sayTime;
 }

src/Config/Toggles/ToggleGCTimer.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-return-assign */
 import { CacheGoldenShimmersByID } from '../../Cache/VariablesAndData';
 import { GCTimers } from '../../Disp/VariablesAndData';
 import { CMOptions } from '../VariablesAndData';
@@ -7,13 +8,13 @@ import { CMOptions } from '../VariablesAndData';
  * It is called by a change in CM.Options.GCTimer
  */
 export default function ToggleGCTimer() {
-	if (CMOptions.GCTimer === 1) {
+  if (CMOptions.GCTimer === 1) {
-		for (const i of Object.keys(GCTimers)) {
+    Object.keys(GCTimers).forEach((i) => {
-			GCTimers[i].style.display = 'block';
+      GCTimers[i].style.display = 'block';
-			GCTimers[i].style.left = CacheGoldenShimmersByID[i].l.style.left;
+      GCTimers[i].style.left = CacheGoldenShimmersByID[i].l.style.left;
-			GCTimers[i].style.top = CacheGoldenShimmersByID[i].l.style.top;
+      GCTimers[i].style.top = CacheGoldenShimmersByID[i].l.style.top;
-		}
+    });
-	} else {
+  } else {
-		for (const i of Object.keys(GCTimers)) GCTimers[i].style.display = 'none';
+    Object.keys(GCTimers).forEach((i) => (GCTimers[i].style.display = 'none'));
-	}
+  }
 }

src/Config/Toggles/ToggleSectionHideButtons.js

@@ -0,0 +1,13 @@
+import { CMOptions } from '../VariablesAndData';
+
+/**
+ * This function updates the display setting of the two objects created by CM.Disp.CreateWrinklerButtons()
+ * It is called by changes in CM.Options.WrinklerButtons
+ */
+export default function ToggleSectionHideButtons() {
+  if (CMOptions.HideSectionsButtons) {
+    l('CMSectionHidButtons').style.display = '';
+  } else {
+    l('CMSectionHidButtons').style.display = 'none';
+  }
+}

src/Config/Toggles/ToggleToolWarnPos.js

@@ -6,15 +6,15 @@ import { CMOptions } from '../VariablesAndData';
  * and upon creation of the warning tooltip by CM.Disp.UpdateTooltipWarnings()
  */
 export default function ToggleToolWarnPos() {
-	if (l('CMDispTooltipWarningParent') !== null) {
+  if (l('CMDispTooltipWarningParent') !== null) {
-		if (CMOptions.ToolWarnPos === 0) {
+    if (CMOptions.ToolWarnPos === 0) {
-			l('CMDispTooltipWarningParent').style.top = 'auto';
+      l('CMDispTooltipWarningParent').style.top = 'auto';
-			l('CMDispTooltipWarningParent').style.margin = '4px -4px';
+      l('CMDispTooltipWarningParent').style.margin = '4px -4px';
-			l('CMDispTooltipWarningParent').style.padding = '3px 4px';
+      l('CMDispTooltipWarningParent').style.padding = '3px 4px';
-		} else {
+    } else {
-			l('CMDispTooltipWarningParent').style.right = 'auto';
+      l('CMDispTooltipWarningParent').style.right = 'auto';
-			l('CMDispTooltipWarningParent').style.margin = '4px';
+      l('CMDispTooltipWarningParent').style.margin = '4px';
-			l('CMDispTooltipWarningParent').style.padding = '4px 3px';
+      l('CMDispTooltipWarningParent').style.padding = '4px 3px';
-		}
+    }
-	}
+  }
 }

src/Config/Toggles/ToggleUpgradeBarAndColor.js

@@ -9,14 +9,17 @@ import { CMOptions } from '../VariablesAndData';
  * It is called by a change in CM.Options.UpBarColor
  */
 export default function ToggleUpgradeBarAndColor() {
-	if (CMOptions.UpBarColor === 1) { // Colours and bar on
+  if (CMOptions.UpBarColor === 1) {
-		l('CMUpgradeBar').style.display = '';
+    // Colours and bar on
-		UpdateUpgrades();
+    l('CMUpgradeBar').style.display = '';
-	} else if (CMOptions.UpBarColor === 2) { // Colours on and bar off
+    UpdateUpgrades();
-		l('CMUpgradeBar').style.display = 'none';
+  } else if (CMOptions.UpBarColor === 2) {
-		UpdateUpgrades();
+    // Colours on and bar off
-	} else { // Colours and bar off
+    l('CMUpgradeBar').style.display = 'none';
-		l('CMUpgradeBar').style.display = 'none';
+    UpdateUpgrades();
-		Game.RebuildUpgrades();
+  } else {
-	}
+    // Colours and bar off
+    l('CMUpgradeBar').style.display = 'none';
+    Game.RebuildUpgrades();
+  }
 }

src/Config/Toggles/ToggleUpgradeBarFixedPos.js

@@ -5,10 +5,11 @@ import { CMOptions } from '../VariablesAndData';
  * It is called by a change in CM.Options.UpgradeBarFixedPos
  */
 export default function ToggleUpgradeBarFixedPos() {
-	if (CMOptions.UpgradeBarFixedPos === 1) { // Fix to top of screen when scrolling
+  if (CMOptions.UpgradeBarFixedPos === 1) {
-		l('CMUpgradeBar').style.position = 'sticky';
+    // Fix to top of screen when scrolling
-		l('CMUpgradeBar').style.top = '0px';
+    l('CMUpgradeBar').style.position = 'sticky';
-	} else {
+    l('CMUpgradeBar').style.top = '0px';
-		l('CMUpgradeBar').style.position = ''; // Possible to scroll offscreen
+  } else {
-	}
+    l('CMUpgradeBar').style.position = ''; // Possible to scroll offscreen
+  }
 }

src/Config/Toggles/ToggleWrinklerButtons.js

@@ -5,11 +5,11 @@ import { CMOptions } from '../VariablesAndData';
  * It is called by changes in CM.Options.WrinklerButtons
  */
 export default function ToggleWrinklerButtons() {
-	if (CMOptions.WrinklerButtons) {
+  if (CMOptions.WrinklerButtons) {
-		l('PopAllNormalWrinklerButton').style.display = '';
+    l('PopAllNormalWrinklerButton').style.display = '';
-		l('PopFattestWrinklerButton').style.display = '';
+    l('PopFattestWrinklerButton').style.display = '';
-	} else {
+  } else {
-		l('PopAllNormalWrinklerButton').style.display = 'none';
+    l('PopAllNormalWrinklerButton').style.display = 'none';
-		l('PopFattestWrinklerButton').style.display = 'none';
+    l('PopFattestWrinklerButton').style.display = 'none';
-	}
+  }
 }

src/CookieMonster.js

@@ -4,9 +4,9 @@ import load from './InitSaveLoad/load';
 import save from './InitSaveLoad/save';
 
 const CM = {
-	init,
+  init,
-	load,
+  load,
-	save,
+  save,
 };
 
 Game.registerMod('CookieMonster', CM);

src/Data/Gamedata.js

@@ -2,93 +2,96 @@
 
 /** Array of the names of all fortune cookies obtainable from the ticker */
 export const Fortunes = [
-	'Fortune #001',
+  'Fortune #001',
-	'Fortune #002',
+  'Fortune #002',
-	'Fortune #003',
+  'Fortune #003',
-	'Fortune #004',
+  'Fortune #004',
-	'Fortune #005',
+  'Fortune #005',
-	'Fortune #006',
+  'Fortune #006',
-	'Fortune #007',
+  'Fortune #007',
-	'Fortune #008',
+  'Fortune #008',
-	'Fortune #009',
+  'Fortune #009',
-	'Fortune #010',
+  'Fortune #010',
-	'Fortune #011',
+  'Fortune #011',
-	'Fortune #012',
+  'Fortune #012',
-	'Fortune #013',
+  'Fortune #013',
-	'Fortune #014',
+  'Fortune #014',
-	'Fortune #015',
+  'Fortune #015',
-	'Fortune #016',
+  'Fortune #016',
-	'Fortune #017',
+  'Fortune #017',
-	'Fortune #018',
+  'Fortune #018',
-	'Fortune #100',
+  'Fortune #100',
-	'Fortune #101',
+  'Fortune #101',
-	'Fortune #102',
+  'Fortune #102',
-	'Fortune #103',
+  'Fortune #103',
-	'Fortune #104',
+  'Fortune #104',
 ];
 
 /** Array of the names of all Halloween cookies */
 export const HalloCookies = [
-	'Skull cookies',
+  'Skull cookies',
-	'Ghost cookies',
+  'Ghost cookies',
-	'Bat cookies',
+  'Bat cookies',
-	'Slime cookies',
+  'Slime cookies',
-	'Pumpkin cookies',
+  'Pumpkin cookies',
-	'Eyeball cookies',
+  'Eyeball cookies',
-	'Spider cookies',
+  'Spider cookies',
 ];
 
 /** Array of the names of all Christmas cookies */
-export const ChristCookies = ['Christmas tree biscuits',
+export const ChristCookies = [
-	'Snowflake biscuits',
+  'Christmas tree biscuits',
-	'Snowman biscuits',
+  'Snowflake biscuits',
-	'Holly biscuits',
+  'Snowman biscuits',
-	'Candy cane biscuits',
+  'Holly biscuits',
-	'Bell biscuits',
+  'Candy cane biscuits',
-	'Present biscuits',
+  'Bell biscuits',
+  'Present biscuits',
 ];
 
 /** Array of the names of all Valentine cookies */
-export const ValCookies = ['Pure heart biscuits',
+export const ValCookies = [
-	'Ardent heart biscuits',
+  'Pure heart biscuits',
-	'Sour heart biscuits',
+  'Ardent heart biscuits',
-	'Weeping heart biscuits',
+  'Sour heart biscuits',
-	'Golden heart biscuits',
+  'Weeping heart biscuits',
-	'Eternal heart biscuits',
+  'Golden heart biscuits',
-	'Prism heart biscuits',
+  'Eternal heart biscuits',
+  'Prism heart biscuits',
 ];
 
 /** Array of the names of all plant drops */
-export const PlantDrops = ['Elderwort biscuits',
+export const PlantDrops = [
-	'Bakeberry cookies',
+  'Elderwort biscuits',
-	'Duketater cookies',
+  'Bakeberry cookies',
-	'Green yeast digestives',
+  'Duketater cookies',
-	'Wheat slims',
+  'Green yeast digestives',
-	'Fern tea',
+  'Wheat slims',
-	'Ichor syrup',
+  'Fern tea',
+  'Ichor syrup',
 ];
 
 /** All possible effects plants and other items can have with a display-title */
 export const Effects = {
-	buildingCost: 'Building prices',
+  buildingCost: 'Building prices',
-	click: 'Cookies per click',
+  click: 'Cookies per click',
-	cps: 'Total CPS',
+  cps: 'Total CPS',
-	cursorCps: 'Cursor CPS',
+  cursorCps: 'Cursor CPS',
-	goldenCookieDur: 'Golden cookie duration',
+  goldenCookieDur: 'Golden cookie duration',
-	goldenCookieEffDur: 'Golden cookie effect duration',
+  goldenCookieEffDur: 'Golden cookie effect duration',
-	goldenCookieFreq: 'Golden cookie frequency',
+  goldenCookieFreq: 'Golden cookie frequency',
-	goldenCookieGain: 'Golden cookie gains',
+  goldenCookieGain: 'Golden cookie gains',
-	grandmaCps: 'Grandma CPS',
+  grandmaCps: 'Grandma CPS',
-	itemDrops: 'Random item drop chance',
+  itemDrops: 'Random item drop chance',
-	milk: 'Effect from milk',
+  milk: 'Effect from milk',
-	reindeerDur: 'Reindeer duration',
+  reindeerDur: 'Reindeer duration',
-	reindeerFreq: 'Reindeer frequency',
+  reindeerFreq: 'Reindeer frequency',
-	reindeerGain: 'Reindeer gains',
+  reindeerGain: 'Reindeer gains',
-	upgradeCost: 'Upgrade prices',
+  upgradeCost: 'Upgrade prices',
-	wrathCookieDur: 'Wrath cookie duration',
+  wrathCookieDur: 'Wrath cookie duration',
-	wrathCookieEffDur: 'Wrath cookie effect duration',
+  wrathCookieEffDur: 'Wrath cookie effect duration',
-	wrathCookieFreq: 'Wrath cookie frequency',
+  wrathCookieFreq: 'Wrath cookie frequency',
-	wrathCookieGain: 'Wrath cookie gains',
+  wrathCookieGain: 'Wrath cookie gains',
-	wrinklerEat: 'Wrinkler ',
+  wrinklerEat: 'Wrinkler ',
-	wrinklerSpawn: 'Wrinkler spawn frequency',
+  wrinklerSpawn: 'Wrinkler spawn frequency',
 };

src/Data/Moddata.js

@@ -1,7 +1,7 @@
 /** Data related directly to Cookie Monster */
 
 export const VersionMajor = '2.031';
-export const VersionMinor = '5';
+export const VersionMinor = '6';
 
 /** Information about Cookie Monster to be displayed in the info section */
 export const ModDescription = `<div class="listing">
@@ -15,15 +15,27 @@ export const ModDescription = `<div class="listing">
 
 /** Latest releasenotes of Cookie Monster to be displayed in the info section */
 export const LatestReleaseNotes = `<div class="listing">
-The latest update (v 2.031.5) sees a total rehaul of the backend of the mod. It does not introduce any new functions, this is planned for the next release.</br>
+The latest update (v 2.031.6) has revamped the way PP is colourcoded. In the previous versions this was not always correct and we had some settings that made it even more incorrect. With this update Cookie Monster compares the PP of a building to all other possibilities (also buying 10 or 100) of a building and colors the PP accordingly.</br>
-We believe we have fixed all bugs related to this new code, but if you find any bugs, please report them on the GitHub!</br>
+This means that if it is better to buy 10 of a building immediately rather than to buy in increments of 1 Cookie Monster will now show this! In this case the buy 1 option will be yellow, while the buy 10 option will be green.</br>
+This also means that you will see some more diverse colors. Rather than coloring according to arbitrary "middle values" Cookie Monster now uses a top 10, 20 and 30. While this might take some getting used to we believe the new system is much better in conveying useful information to the user while also being more correct!</br>
 </br>
-<b>Besides, this update fixes the following bugs:</b></br>
+This update also implements the following functions:</br>
-- Fixed some upgrade tooltips which did not display the full effect of buying the upgrades</br>
+- Added a tooltip displaying the reward to the extra pop wrinkler buttons</br>
-- Fixed not always being able to sell when "blocking bulk buy"</br>
+- Added tooltips to the Gods in the Pantheon</br>
-- Fixed heavenly chips per second display</br>
+- The tooltip for Elder Pledge now displays correctly, although it takes some time to load after Cookie Monster has been loaded</br>
-- Fixed small display bug when pressing shift and hovering over garden plots</br>
+- You can now test the volume and sound of notifications in the settings screen</br>
-- Fixed some bugs with the display of numbers and formatting of them</br>
+- The bottom bar will now flicker less and each column has received a bit of padding</br>
+- Introduced new colour scheme for PP, see the explanation of colors in the Readme or the settings</br>
+- Added option to show buttons that can hide the upgrade and building section</br>
+- Added option to display PP as a time unit, note that these are only approximations. PP does not translate directly into time (the name is deceptive, we know...)</br>
+- Statistics page now shows chance for random drops when they have not been achieved</br>
+</br>
+This update fixes the following bugs:</br>
+- Incorrect amount for "required for max plant reward" in statistics page</br>
+- Fixed the tooltips of the '?' buttons in the statistics page not showing</br>
+- Fixed some unclear settings descriptions </br>
+</br>
+Please submit any bug reports or feature requests to the <a href="https://github.com/Aktanusa/CookieMonster">GitHub page!</a>
 </br>
 </div>
 `;

src/Data/Scales.js

@@ -1,148 +1,141 @@
 /** Data related directly to the scales used by Cookie Monster */
 
 /** Array of abbreviations used in the "Metric" scale */
-export const metric = ['',
+export const metric = ['', '', 'M', 'G', 'T', 'P', 'E', 'Z', 'Y'];
-	'',
-	'M',
-	'G',
-	'T',
-	'P',
-	'E',
-	'Z',
-	'Y',
-];
 
 /** Array of abbreviations used in the "Short" scale */
-export const shortScale = ['',
+export const shortScale = [
-	'',
+  '',
-	'M',
+  '',
-	'B',
+  'M',
-	'Tr',
+  'B',
-	'Quadr',
+  'Tr',
-	'Quint',
+  'Quadr',
-	'Sext',
+  'Quint',
-	'Sept',
+  'Sext',
-	'Oct',
+  'Sept',
-	'Non',
+  'Oct',
-	'Dec',
+  'Non',
-	'Undec',
+  'Dec',
-	'Duodec',
+  'Undec',
-	'Tredec',
+  'Duodec',
-	'Quattuordec',
+  'Tredec',
-	'Quindec',
+  'Quattuordec',
-	'Sexdec',
+  'Quindec',
-	'Septendec',
+  'Sexdec',
-	'Octodec',
+  'Septendec',
-	'Novemdec',
+  'Octodec',
-	'Vigint',
+  'Novemdec',
-	'Unvigint',
+  'Vigint',
-	'Duovigint',
+  'Unvigint',
-	'Trevigint',
+  'Duovigint',
-	'Quattuorvigint',
+  'Trevigint',
+  'Quattuorvigint',
 ];
 
 /** Array of abbreviations used in the "Abbreviated Short" scale */
-export const shortScaleAbbreviated = ['',
+export const shortScaleAbbreviated = [
-	'K',
+  '',
-	'M',
+  'K',
-	'B',
+  'M',
-	'T',
+  'B',
-	'Qa',
+  'T',
-	'Qi',
+  'Qa',
-	'Sx',
+  'Qi',
-	'Sp',
+  'Sx',
-	'Oc',
+  'Sp',
-	'No',
+  'Oc',
-	'De',
+  'No',
-	'UDe',
+  'De',
-	'DDe',
+  'UDe',
-	'TDe',
+  'DDe',
-	'QaDe',
+  'TDe',
-	'QiDe',
+  'QaDe',
-	'SxDe',
+  'QiDe',
-	'SpDe',
+  'SxDe',
-	'ODe',
+  'SpDe',
-	'NDe',
+  'ODe',
-	'Vi',
+  'NDe',
-	'UVi',
+  'Vi',
-	'DVi',
+  'UVi',
-	'TVi',
+  'DVi',
-	'QaVi',
+  'TVi',
-	'QiVi',
+  'QaVi',
-	'SxVi',
+  'QiVi',
-	'SpVi',
+  'SxVi',
-	'OVi',
+  'SpVi',
-	'NVi',
+  'OVi',
-	'Tr',
+  'NVi',
-	'UTr',
+  'Tr',
-	'DTr',
+  'UTr',
-	'TTr',
+  'DTr',
-	'QaTr',
+  'TTr',
-	'QiTr',
+  'QaTr',
-	'SxTr',
+  'QiTr',
-	'SpTr',
+  'SxTr',
-	'OTr',
+  'SpTr',
-	'NTr',
+  'OTr',
-	'Qaa',
+  'NTr',
-	'UQa',
+  'Qaa',
-	'DQa',
+  'UQa',
-	'TQa',
+  'DQa',
-	'QaQa',
+  'TQa',
-	'QiQa',
+  'QaQa',
-	'SxQa',
+  'QiQa',
-	'SpQa',
+  'SxQa',
-	'OQa',
+  'SpQa',
-	'NQa',
+  'OQa',
-	'Qia',
+  'NQa',
-	'UQi',
+  'Qia',
-	'DQi',
+  'UQi',
-	'TQi',
+  'DQi',
-	'QaQi',
+  'TQi',
-	'QiQi',
+  'QaQi',
-	'SxQi',
+  'QiQi',
-	'SpQi',
+  'SxQi',
-	'OQi',
+  'SpQi',
-	'NQi',
+  'OQi',
-	'Sxa',
+  'NQi',
-	'USx',
+  'Sxa',
-	'DSx',
+  'USx',
-	'TSx',
+  'DSx',
-	'QaSx',
+  'TSx',
-	'QiSx',
+  'QaSx',
-	'SxSx',
+  'QiSx',
-	'SpSx',
+  'SxSx',
-	'OSx',
+  'SpSx',
-	'NSx',
+  'OSx',
-	'Spa',
+  'NSx',
-	'USp',
+  'Spa',
-	'DSp',
+  'USp',
-	'TSp',
+  'DSp',
-	'QaSp',
+  'TSp',
-	'QiSp',
+  'QaSp',
-	'SxSp',
+  'QiSp',
-	'SpSp',
+  'SxSp',
-	'OSp',
+  'SpSp',
-	'NSp',
+  'OSp',
-	'Oco',
+  'NSp',
-	'UOc',
+  'Oco',
-	'DOc',
+  'UOc',
-	'TOc',
+  'DOc',
-	'QaOc',
+  'TOc',
-	'QiOc',
+  'QaOc',
-	'SxOc',
+  'QiOc',
-	'SpOc',
+  'SxOc',
-	'OOc',
+  'SpOc',
-	'NOc',
+  'OOc',
-	'Noa',
+  'NOc',
-	'UNo',
+  'Noa',
-	'DNo',
+  'UNo',
-	'TNo',
+  'DNo',
-	'QaNo',
+  'TNo',
-	'QiNo',
+  'QaNo',
-	'SxNo',
+  'QiNo',
-	'SpNo',
+  'SxNo',
-	'ONo',
+  'SpNo',
-	'NNo',
+  'ONo',
-	'Ct',
+  'NNo',
-	'UCt',
+  'Ct',
+  'UCt',
 ];

src/Data/Sectionheaders.js

@@ -2,23 +2,23 @@
 
 /** Display titles of the headers of the Cookie Monster settings section */
 export const ConfigGroups = {
-	BarsColors: 'Bars/Colors',
+  BarsColors: 'Bars/Colors',
-	Calculation: 'Calculation',
+  Calculation: 'Calculation',
-	Notification: 'Notification',
+  Notification: 'Notification',
-	Tooltip: 'Tooltips and additional insights',
+  Tooltip: 'Tooltips and additional insights',
-	Statistics: 'Statistics',
+  Statistics: 'Statistics',
-	Notation: 'Notation',
+  Notation: 'Notation',
-	Miscellaneous: 'Miscellaneous',
+  Miscellaneous: 'Miscellaneous',
 };
 
 /** Display titles of the headers of the notification section of the Cookie Monster settings */
 export const ConfigGroupsNotification = {
-	NotificationGeneral: 'General Notifications',
+  NotificationGeneral: 'General Notifications',
-	NotificationGC: 'Golden Cookie',
+  NotificationGC: 'Golden Cookie',
-	NotificationFC: 'Fortune Cookie',
+  NotificationFC: 'Fortune Cookie',
-	NotificationSea: 'Season Special',
+  NotificationSea: 'Season Special',
-	NotificationGard: 'Garden Tick',
+  NotificationGard: 'Garden Tick',
-	NotificationMagi: 'Full Magic Bar',
+  NotificationMagi: 'Full Magic Bar',
-	NotificationWrink: 'Wrinkler',
+  NotificationWrink: 'Wrinkler',
-	NotificationWrinkMax: 'Maximum Wrinklers',
+  NotificationWrinkMax: 'Maximum Wrinklers',
 };

src/Data/SettingClasses.js

@@ -3,52 +3,52 @@
 
 /** The basic setting class */
 export class Setting {
-	constructor(type, group) {
+  constructor(type, group) {
-		this.type = type;
+    this.type = type;
-		this.group = group;
+    this.group = group;
-	}
+  }
 }
 
 /** The standard toggle setting class */
 export class SettingStandard extends Setting {
-	constructor(type, group, label, desc, toggle, func = null) {
+  constructor(type, group, label, desc, toggle, func = null) {
-		super(type, group);
+    super(type, group);
-		this.label = label;
+    this.label = label;
-		this.desc = desc;
+    this.desc = desc;
-		this.toggle = toggle;
+    this.toggle = toggle;
-		if (func) {
+    if (func) {
-			this.func = func;
+      this.func = func;
-		}
+    }
-	}
+  }
 }
 /** The colour picker setting class */
 export class SettingColours extends Setting {
-	constructor(type, group, desc, func) {
+  constructor(type, group, desc, func) {
-		super(type, group);
+    super(type, group);
-		this.desc = desc;
+    this.desc = desc;
-		this.func = func;
+    this.func = func;
-	}
+  }
 }
 
 /** The volume level setting class */
 export class SettingVolume extends Setting {
-	constructor(type, group, label, desc) {
+  constructor(type, group, label, desc) {
-		super(type, group);
+    super(type, group);
-		this.label = label;
+    this.label = label;
-		this.desc = desc;
+    this.desc = desc;
-		for (let i = 0; i < 101; i++) {
+    for (let i = 0; i < 101; i++) {
-			this.label[i] = `${i}%`;
+      this.label[i] = `${i}%`;
-		}
+    }
-	}
+  }
 }
 
 /** The number input setting class */
 export class SettingInputNumber extends Setting {
-	constructor(type, group, label, desc, min, max) {
+  constructor(type, group, label, desc, min, max) {
-		super(type, group);
+    super(type, group);
-		this.label = label;
+    this.label = label;
-		this.desc = desc;
+    this.desc = desc;
-		this.min = min;
+    this.min = min;
-		this.max = max;
+    this.max = max;
-	}
+  }
 }

src/Data/SettingsDefault.js

@@ -1,97 +1,134 @@
 /** This array describes all default settings */
 const ConfigDefault = {
-	BotBar: 1,
+  BotBar: 1,
-	TimerBar: 1,
+  TimerBar: 1,
-	TimerBarPos: 0,
+  TimerBarPos: 0,
-	TimerBarOverlay: 2,
+  TimerBarOverlay: 2,
-	BuildColor: 1,
+  BuildColor: 1,
-	BulkBuildColor: 0,
+  PPDisplayTime: 0,
-	UpBarColor: 1,
+  UpBarColor: 1,
-	UpgradeBarFixedPos: 1,
+  UpgradeBarFixedPos: 1,
-	CalcWrink: 0,
+  CalcWrink: 0,
-	CPSMode: 1,
+  CPSMode: 1,
-	AvgCPSHist: 3,
+  AvgCPSHist: 3,
-	AvgClicksHist: 0,
+  AvgClicksHist: 0,
-	ColorPPBulkMode: 1,
+  PPExcludeTop: 0,
-	PPExcludeTop: 0,
+  PPSecondsLowerLimit: 0,
-	PPSecondsLowerLimit: 0,
+  PPOnlyConsiderBuyable: 0,
-	PPOnlyConsiderBuyable: 0,
+  ToolWarnBon: 1,
-	ToolWarnBon: 0,
+  Title: 1,
-	Title: 1,
+  GeneralSound: 1,
-	GeneralSound: 1,
+  GCNotification: 0,
-	GCNotification: 0,
+  GCFlash: 1,
-	GCFlash: 1,
+  GCSound: 1,
-	GCSound: 1,
+  GCVolume: 100,
-	GCVolume: 100,
+  GCSoundURL: 'https://freesound.org/data/previews/66/66717_931655-lq.mp3',
-	GCSoundURL: 'https://freesound.org/data/previews/66/66717_931655-lq.mp3',
+  FortuneNotification: 0,
-	FortuneNotification: 0,
+  FortuneFlash: 1,
-	FortuneFlash: 1,
+  FortuneSound: 1,
-	FortuneSound: 1,
+  FortuneVolume: 100,
-	FortuneVolume: 100,
+  FortuneSoundURL:
-	FortuneSoundURL: 'https://freesound.org/data/previews/174/174027_3242494-lq.mp3',
+    'https://freesound.org/data/previews/174/174027_3242494-lq.mp3',
-	SeaNotification: 0,
+  SeaNotification: 0,
-	SeaFlash: 1,
+  SeaFlash: 1,
-	SeaSound: 1,
+  SeaSound: 1,
-	SeaVolume: 100,
+  SeaVolume: 100,
-	SeaSoundURL: 'https://www.freesound.org/data/previews/121/121099_2193266-lq.mp3',
+  SeaSoundURL:
-	GardFlash: 1,
+    'https://www.freesound.org/data/previews/121/121099_2193266-lq.mp3',
-	GardSound: 1,
+  GardFlash: 1,
-	GardVolume: 100,
+  GardSound: 1,
-	GardSoundURL: 'https://freesound.org/data/previews/103/103046_861714-lq.mp3',
+  GardVolume: 100,
-	MagicNotification: 0,
+  GardSoundURL: 'https://freesound.org/data/previews/103/103046_861714-lq.mp3',
-	MagicFlash: 1,
+  MagicNotification: 0,
-	MagicSound: 1,
+  MagicFlash: 1,
-	MagicVolume: 100,
+  MagicSound: 1,
-	MagicSoundURL: 'https://freesound.org/data/previews/221/221683_1015240-lq.mp3',
+  MagicVolume: 100,
-	WrinklerNotification: 0,
+  MagicSoundURL:
-	WrinklerFlash: 1,
+    'https://freesound.org/data/previews/221/221683_1015240-lq.mp3',
-	WrinklerSound: 1,
+  WrinklerNotification: 0,
-	WrinklerVolume: 100,
+  WrinklerFlash: 1,
-	WrinklerSoundURL: 'https://freesound.org/data/previews/124/124186_8043-lq.mp3',
+  WrinklerSound: 1,
-	WrinklerMaxNotification: 0,
+  WrinklerVolume: 100,
-	WrinklerMaxFlash: 1,
+  WrinklerSoundURL:
-	WrinklerMaxSound: 1,
+    'https://freesound.org/data/previews/124/124186_8043-lq.mp3',
-	WrinklerMaxVolume: 100,
+  WrinklerMaxNotification: 0,
-	WrinklerMaxSoundURL: 'https://freesound.org/data/previews/152/152743_15663-lq.mp3',
+  WrinklerMaxFlash: 1,
-	TooltipBuildUpgrade: 1,
+  WrinklerMaxSound: 1,
-	TooltipAmor: 0,
+  WrinklerMaxVolume: 100,
-	ToolWarnLucky: 1,
+  WrinklerMaxSoundURL:
-	ToolWarnLuckyFrenzy: 1,
+    'https://freesound.org/data/previews/152/152743_15663-lq.mp3',
-	ToolWarnConjure: 1,
+  TooltipBuildUpgrade: 1,
-	ToolWarnConjureFrenzy: 1,
+  TooltipAmor: 0,
-	ToolWarnEdifice: 1,
+  ToolWarnLucky: 1,
-	ToolWarnUser: 0,
+  ToolWarnLuckyFrenzy: 1,
-	ToolWarnPos: 1,
+  ToolWarnConjure: 1,
-	TooltipGrim: 1,
+  ToolWarnConjureFrenzy: 1,
-	TooltipWrink: 1,
+  ToolWarnEdifice: 1,
-	TooltipLump: 1,
+  ToolWarnUser: 0,
-	TooltipPlots: 1,
+  ToolWarnPos: 1,
-	DragonAuraInfo: 1,
+  TooltipGrim: 1,
-	TooltipAscendButton: 1,
+  TooltipWrink: 1,
-	Stats: 1,
+  TooltipLump: 1,
-	MissingUpgrades: 1,
+  TooltipPlots: 1,
-	UpStats: 1,
+  TooltipPantheon: 1,
-	TimeFormat: 0,
+  DragonAuraInfo: 1,
-	DetailedTime: 1,
+  TooltipAscendButton: 1,
-	GrimoireBar: 1,
+  Stats: 1,
-	HeavenlyChipsTarget: 1,
+  MissingUpgrades: 1,
-	ShowMissedGC: 1,
+  UpStats: 1,
-	Scale: 2,
+  TimeFormat: 0,
-	ScaleDecimals: 2,
+  DetailedTime: 1,
-	ScaleSeparator: 0,
+  GrimoireBar: 1,
-	ScaleCutoff: 999999,
+  HeavenlyChipsTarget: 1,
-	Colors: {
+  ShowMissedGC: 1,
-		Blue: '#4bb8f0', Green: '#00ff00', Yellow: '#ffff00', Orange: '#ff7f00', Red: '#ff0000', Purple: '#ff00ff', Gray: '#b3b3b3', Pink: '#ff1493', Brown: '#8b4513',
+  Scale: 2,
-	},
+  ScaleDecimals: 2,
-	SortBuildings: 0,
+  ScaleSeparator: 0,
-	SortUpgrades: 0,
+  ScaleCutoff: 999999,
-	GCTimer: 1,
+  Colors: {
-	Favicon: 1,
+    Blue: '#4bb8f0',
-	WrinklerButtons: 1,
+    Green: '#00ff00',
-	BulkBuyBlock: 0,
+    Yellow: '#ffff00',
-	Header: {
+    Orange: '#ff7f00',
-		BarsColors: 1, Calculation: 1, Notification: 1, NotificationGeneral: 1, NotificationGC: 1, NotificationFC: 1, NotificationSea: 1, NotificationGard: 1, NotificationMagi: 1, NotificationWrink: 1, NotificationWrinkMax: 1, Tooltip: 1, Statistics: 1, Notation: 1, Miscellaneous: 1, Lucky: 1, Chain: 1, Spells: 1, Garden: 1, Prestige: 1, Wrink: 1, Sea: 1, Misc: 1, InfoTab: 1,
+    Red: '#ff0000',
-	},
+    Purple: '#ff00ff',
+    Gray: '#b3b3b3',
+    Pink: '#ff1493',
+    Brown: '#8b4513',
+  },
+  SortBuildings: 0,
+  SortUpgrades: 0,
+  GCTimer: 1,
+  Favicon: 1,
+  WrinklerButtons: 1,
+  HideSectionsButtons: 0,
+  BulkBuyBlock: 0,
+  Header: {
+    BarsColors: 1,
+    Calculation: 1,
+    Notification: 1,
+    NotificationGeneral: 1,
+    NotificationGC: 1,
+    NotificationFC: 1,
+    NotificationSea: 1,
+    NotificationGard: 1,
+    NotificationMagi: 1,
+    NotificationWrink: 1,
+    NotificationWrinkMax: 1,
+    Tooltip: 1,
+    Statistics: 1,
+    Notation: 1,
+    Miscellaneous: 1,
+    Lucky: 1,
+    Chain: 1,
+    Spells: 1,
+    Garden: 1,
+    Prestige: 1,
+    Wrink: 1,
+    Sea: 1,
+    Misc: 1,
+    InfoTab: 1,
+  },
 };
 
 export default ConfigDefault;

src/Disp/BeautifyAndFormatting/BeautifyFormatting.js

@@ -1,10 +1,14 @@
+/* eslint-disable no-nested-ternary */
 /** General functions to format or beautify strings */
 
 import { CMOptions } from '../../Config/VariablesAndData';
 import { metric, shortScale, shortScaleAbbreviated } from '../../Data/Scales';
 import { BackupFunctions } from '../../Main/VariablesAndData';
 import {
-	ColorGreen, ColorOrange, ColorRed, ColorYellow,
+  ColorGreen,
+  ColorOrange,
+  ColorRed,
+  ColorYellow,
 } from '../VariablesAndData';
 
 /**
@@ -15,53 +19,72 @@ import {
  * @returns	{string}			Formatted number
  */
 export function Beautify(num, floats, forced) {
-	const decimals = CMOptions.ScaleDecimals + 1;
+  const decimals = CMOptions.ScaleDecimals + 1;
-	if (num === Infinity) {
+  if (num === Infinity) {
-		return 'Infinity';
+    return 'Infinity';
-	} if (typeof num === 'undefined') {
+  }
-		return '0';
+  if (typeof num === 'undefined') {
-	} if (CMOptions.Scale === 0) {
+    return '0';
-		return BackupFunctions.Beautify(num, floats);
+  }
-	} if (Number.isFinite(num)) {
+  if (CMOptions.Scale === 0) {
-		let answer = '';
+    return BackupFunctions.Beautify(num, floats);
-		if (num === 0) {
+  }
-			return num.toString();
+  if (Number.isFinite(num)) {
-		} if (num > 0.001 && num < CMOptions.ScaleCutoff) {
+    let answer = '';
-			if (CMOptions.ScaleSeparator) answer = num.toLocaleString('nl');
+    if (num === 0) {
-			else answer = num.toLocaleString('en');
+      return num.toString();
-			return answer;
+    }
-		} if (CMOptions.Scale === 4 && !forced || forced === 4) { // Scientific notation, 123456789 => 1.235E+8
+    if (num > 0.001 && num < CMOptions.ScaleCutoff) {
-			answer = num.toExponential(decimals).toString().replace('e', 'E');
+      if (CMOptions.ScaleSeparator) answer = num.toLocaleString('nl');
-		} else {
+      else answer = num.toLocaleString('en');
-			const exponential = num.toExponential().toString();
+      return answer;
-			const AmountOfTenPowerThree = Math.floor(exponential.slice(exponential.indexOf('e') + 1) / 3);
+    }
-			answer = (num / Number(`1e${AmountOfTenPowerThree * 3}`)).toFixed(decimals);
+    if ((CMOptions.Scale === 4 && !forced) || forced === 4) {
-			// answer is now "xxx.xx" (e.g., 123456789 would be 123.46)
+      // Scientific notation, 123456789 => 1.235E+8
-			if (CMOptions.Scale === 1 && !forced || forced === 1) { // Metric scale, 123456789 => 123.457 M
+      answer = num.toExponential(decimals).toString().replace('e', 'E');
-				if (num >= 0.01 && num < Number(`1e${metric.length * 3}`)) {
+    } else {
-					answer += ` ${metric[AmountOfTenPowerThree]}`;
+      const exponential = num.toExponential().toString();
-				} else answer = Beautify(num, 0, 4); // If number is too large or little, revert to scientific notation
+      const AmountOfTenPowerThree = Math.floor(
-			} else if (CMOptions.Scale === 2 && !forced || forced === 2) { // Short scale, 123456789 => 123.457 M
+        exponential.slice(exponential.indexOf('e') + 1) / 3,
-				if (num >= 0.01 && num < Number(`1e${shortScale.length * 3}`)) {
+      );
-					answer += ` ${shortScale[AmountOfTenPowerThree]}`;
+      answer = (num / Number(`1e${AmountOfTenPowerThree * 3}`)).toFixed(
-				} else answer = Beautify(num, 0, 4); // If number is too large or little, revert to scientific notation
+        decimals,
-			} else if (CMOptions.Scale === 3 && !forced || forced === 3) { // Short scale, 123456789 => 123.457 M
+      );
-				if (num >= 0.01 && num < Number(`1e${shortScaleAbbreviated.length * 3}`)) {
+      // answer is now "xxx.xx" (e.g., 123456789 would be 123.46)
-					answer += ` ${shortScaleAbbreviated[AmountOfTenPowerThree]}`;
+      if ((CMOptions.Scale === 1 && !forced) || forced === 1) {
-				} else answer = Beautify(num, 0, 4); // If number is too large or little, revert to scientific notation
+        // Metric scale, 123456789 => 123.457 M
-			} else if (CMOptions.Scale === 5 && !forced || forced === 5) { // Engineering notation, 123456789 => 123.457E+6
+        if (num >= 0.01 && num < Number(`1e${metric.length * 3}`)) {
-				answer += `E${AmountOfTenPowerThree * 3}`;
+          answer += ` ${metric[AmountOfTenPowerThree]}`;
-			}
+        } else answer = Beautify(num, 0, 4); // If number is too large or little, revert to scientific notation
-		}
+      } else if ((CMOptions.Scale === 2 && !forced) || forced === 2) {
-		if (answer === '') {
+        // Short scale, 123456789 => 123.457 M
-			console.log(`Could not beautify number with CM.Disp.Beautify: ${num}`);
+        if (num >= 0.01 && num < Number(`1e${shortScale.length * 3}`)) {
-			answer = BackupFunctions.Beautify(num, floats);
+          answer += ` ${shortScale[AmountOfTenPowerThree]}`;
-		}
+        } else answer = Beautify(num, 0, 4); // If number is too large or little, revert to scientific notation
-		if (CMOptions.ScaleSeparator) answer = answer.replace('.', ',');
+      } else if ((CMOptions.Scale === 3 && !forced) || forced === 3) {
-		return answer;
+        // Short scale, 123456789 => 123.457 M
-	}
+        if (
-	console.log(`Could not beautify number with CM.Disp.Beautify: ${num}`);
+          num >= 0.01 &&
-	return BackupFunctions.Beautify(num, floats);
+          num < Number(`1e${shortScaleAbbreviated.length * 3}`)
+        ) {
+          answer += ` ${shortScaleAbbreviated[AmountOfTenPowerThree]}`;
+        } else answer = Beautify(num, 0, 4); // If number is too large or little, revert to scientific notation
+      } else if ((CMOptions.Scale === 5 && !forced) || forced === 5) {
+        // Engineering notation, 123456789 => 123.457E+6
+        answer += `E${AmountOfTenPowerThree * 3}`;
+      }
+    }
+    if (answer === '') {
+      console.log(
+        `Could not beautify number with Cookie Monster Beautify: ${num}`,
+      );
+      answer = BackupFunctions.Beautify(num, floats);
+    }
+    if (CMOptions.ScaleSeparator) answer = answer.replace('.', ',');
+    return answer;
+  }
+  console.log(`Could not beautify number with Cookie Monster Beautify: ${num}`);
+  return BackupFunctions.Beautify(num, floats);
 }
 
 /**
@@ -71,30 +94,39 @@ export function Beautify(num, floats, forced) {
  * @returns	{string}				Formatted time
  */
 export function FormatTime(time, longFormat) {
-	if (time === Infinity) return time;
+  let formattedTime = time;
-	time = Math.ceil(time);
+  if (time === Infinity) return time;
-	const y = Math.floor(time / 31557600);
+  if (time < 0) return 'Negative time period';
-	const d = Math.floor(time % 31557600 / 86400);
+  formattedTime = Math.ceil(time);
-	const h = Math.floor(time % 86400 / 3600);
+  const y = Math.floor(formattedTime / 31557600);
-	const m = Math.floor(time % 3600 / 60);
+  const d = Math.floor((formattedTime % 31557600) / 86400);
-	const s = Math.floor(time % 60);
+  const h = Math.floor((formattedTime % 86400) / 3600);
-	let str = '';
+  const m = Math.floor((formattedTime % 3600) / 60);
-	if (CMOptions.TimeFormat) {
+  const s = Math.floor(formattedTime % 60);
-		if (time > 3155760000) return 'XX:XX:XX:XX:XX';
+  let str = '';
-		str += `${(y < 10 ? '0' : '') + y}:`;
+  if (CMOptions.TimeFormat) {
-		str += `${(d < 10 ? '0' : '') + d}:`;
+    if (formattedTime > 3155760000) return 'XX:XX:XX:XX:XX';
-		str += `${(h < 10 ? '0' : '') + h}:`;
+    str += `${(y < 10 ? '0' : '') + y}:`;
-		str += `${(m < 10 ? '0' : '') + m}:`;
+    str += `${(d < 10 ? '0' : '') + d}:`;
-		str += (s < 10 ? '0' : '') + s;
+    str += `${(h < 10 ? '0' : '') + h}:`;
-	} else {
+    str += `${(m < 10 ? '0' : '') + m}:`;
-		if (time > 777600000) return longFormat ? 'Over 9000 days!' : '>9000d';
+    str += (s < 10 ? '0' : '') + s;
-		str += (y > 0 ? `${y + (longFormat ? (y === 1 ? ' year' : ' years') : 'y')}, ` : '');
+  } else {
-		str += (d > 0 ? `${d + (longFormat ? (d === 1 ? ' day' : ' days') : 'd')}, ` : '');
+    if (formattedTime > 777600000)
-		if (str.length > 0 || h > 0) str += `${h + (longFormat ? (h === 1 ? ' hour' : ' hours') : 'h')}, `;
+      return longFormat ? 'Over 9000 days!' : '>9000d';
-		if (str.length > 0 || m > 0) str += `${m + (longFormat ? (m === 1 ? ' minute' : ' minutes') : 'm')}, `;
+    str +=
-		str += s + (longFormat ? (s === 1 ? ' second' : ' seconds') : 's');
+      y > 0
-	}
+        ? `${y + (longFormat ? (y === 1 ? ' year' : ' years') : 'y')}, `
-	return str;
+        : '';
+    str +=
+      d > 0 ? `${d + (longFormat ? (d === 1 ? ' day' : ' days') : 'd')}, ` : '';
+    if (str.length > 0 || h > 0)
+      str += `${h + (longFormat ? (h === 1 ? ' hour' : ' hours') : 'h')}, `;
+    if (str.length > 0 || m > 0)
+      str += `${m + (longFormat ? (m === 1 ? ' minute' : ' minutes') : 'm')}, `;
+    str += s + (longFormat ? (s === 1 ? ' second' : ' seconds') : 's');
+  }
+  return str;
 }
 
 /**
@@ -103,17 +135,17 @@ export function FormatTime(time, longFormat) {
  * @returns {{string, string}}	{text, color}	Both the formatted time and color as strings in an array
  */
 export function GetTimeColor(time) {
-	let color;
+  let color;
-	let text;
+  let text;
-	if (time <= 0) {
+  if (time <= 0) {
-		if (CMOptions.TimeFormat) text = '00:00:00:00:00';
+    if (CMOptions.TimeFormat) text = '00:00:00:00:00';
-		else text = 'Done!';
+    else text = 'Done!';
-		color = ColorGreen;
+    color = ColorGreen;
-	} else {
+  } else {
-		text = FormatTime(time);
+    text = FormatTime(time);
-		if (time > 300) color = ColorRed;
+    if (time > 300) color = ColorRed;
-		else if (time > 60) color = ColorOrange;
+    else if (time > 60) color = ColorOrange;
-		else color = ColorYellow;
+    else color = ColorYellow;
-	}
+  }
-	return { text, color };
+  return { text, color };
 }

src/Disp/BuildingsUpgrades/Buildings.js

@@ -1,4 +1,9 @@
-import { CacheObjects1, CacheObjects10, CacheObjects100 } from '../../Cache/VariablesAndData';
+/* eslint-disable no-nested-ternary */
+import {
+  CacheObjects1,
+  CacheObjects10,
+  CacheObjects100,
+} from '../../Cache/VariablesAndData';
 import { CMOptions } from '../../Config/VariablesAndData';
 import BuildingSell from '../../Sim/SimulationEvents/SellBuilding';
 import { Beautify } from '../BeautifyAndFormatting/BeautifyFormatting';
@@ -14,68 +19,99 @@ import { Colors, LastTargetBuildings } from '../VariablesAndData';
  * And by changes in CM.Options.BuildColor, CM.Options.SortBuild & CM.Data.Config.BulkBuildColor
  */
 export default function UpdateBuildings() {
-	let target = Game.buyBulk;
+  let target = Game.buyBulk;
-	if (Game.buyMode === 1) {
+  if (Game.buyMode === 1) {
-		LastTargetBuildings = target;
+    LastTargetBuildings = target;
-	} else {
+  } else {
-		target = LastTargetBuildings;
+    target = LastTargetBuildings;
-	}
+  }
-	if (target === 1) target = CacheObjects1;
+  if (target === 1) target = CacheObjects1;
-	else if (target === 10) target = CacheObjects10;
+  else if (target === 10) target = CacheObjects10;
-	else if (target === 100) target = CacheObjects100;
+  else if (target === 100) target = CacheObjects100;
 
-	if (Game.buyMode === 1) {
+  if (Game.buyMode === 1) {
-		if (CMOptions.BuildColor === 1) {
+    if (CMOptions.BuildColor === 1) {
-			for (const i of Object.keys(target)) {
+      Object.keys(target).forEach((i) => {
-				l(`productPrice${Game.Objects[i].id}`).style.color = CMOptions.Colors[target[i].color];
+        l(`productPrice${Game.Objects[i].id}`).style.color =
-			}
+          CMOptions.Colors[target[i].color];
-		} else {
+      });
-			for (const i of Object.keys(Game.Objects)) {
+    } else {
-				l(`productPrice${Game.Objects[i].id}`).style.removeProperty('color');
+      Object.keys(Game.Objects).forEach((i) => {
-			}
+        l(`productPrice${Game.Objects[i].id}`).style.removeProperty('color');
-		}
+      });
-	} else if (Game.buyMode === -1) {
+    }
-		for (const i of Object.keys(CacheObjects1)) {
+  } else if (Game.buyMode === -1) {
-			const o = Game.Objects[i];
+    Object.keys(CacheObjects1).forEach((i) => {
-			l(`productPrice${o.id}`).style.color = '';
+      const o = Game.Objects[i];
-			/*
+      l(`productPrice${o.id}`).style.color = '';
-			 * Fix sell price displayed in the object in the store.
+      /*
-			 *
+       * Fix sell price displayed in the object in the store.
-			 * The buildings sell price displayed by the game itself (without any mod) is incorrect.
+       *
-			 * The following line of code fixes this issue, and can be safely removed when the game gets fixed.
+       * The buildings sell price displayed by the game itself (without any mod) is incorrect.
-			 *
+       * The following line of code fixes this issue, and can be safely removed when the game gets fixed.
-			 * This issue is extensively detailed here: https://github.com/Aktanusa/CookieMonster/issues/359#issuecomment-735658262
+       *
-			 */
+       * This issue is extensively detailed here: https://github.com/Aktanusa/CookieMonster/issues/359#issuecomment-735658262
-			l(`productPrice${o.id}`).innerHTML = Beautify(BuildingSell(o, o.basePrice, o.amount, o.free, Game.buyBulk, 1));
+       */
-		}
+      l(`productPrice${o.id}`).innerHTML = Beautify(
-	}
+        BuildingSell(o, o.basePrice, o.amount, o.free, Game.buyBulk, 1),
+      );
+    });
+  }
 
-	// Build array of pointers, sort by pp, use array index (+2) as the grid row number
+  // Build array of pointers, sort by pp, use array index (+2) as the grid row number
-	// (grid rows are 1-based indexing, and row 1 is the bulk buy/sell options)
+  // (grid rows are 1-based indexing, and row 1 is the bulk buy/sell options)
-	// This regulates sorting of buildings
+  // This regulates sorting of buildings
-	if (Game.buyMode === 1 && CMOptions.SortBuildings) {
+  if (Game.buyMode === 1 && CMOptions.SortBuildings) {
-		const arr = Object.keys(target).map((k) => {
+    let arr;
-			const o = target[k];
+    if (CMOptions.SortBuildings === 1) {
-			o.name = k;
+      arr = Object.keys(CacheObjects1).map((k) => {
-			o.id = Game.Objects[k].id;
+        const o = CacheObjects1[k];
-			return o;
+        o.name = k;
-		});
+        o.id = Game.Objects[k].id;
+        return o;
+      });
 
-		arr.sort(function (a, b) { return (Colors.indexOf(a.color) > Colors.indexOf(b.color) ? 1 : (Colors.indexOf(a.color) < Colors.indexOf(b.color) ? -1 : (a.pp < b.pp) ? -1 : 0)); });
+      arr.sort(function (a, b) {
+        return Colors.indexOf(a.color) > Colors.indexOf(b.color)
+          ? 1
+          : Colors.indexOf(a.color) < Colors.indexOf(b.color)
+          ? -1
+          : a.pp < b.pp
+          ? -1
+          : 0;
+      });
+    } else if (CMOptions.SortBuildings === 2) {
+      arr = Object.keys(target).map((k) => {
+        const o = target[k];
+        o.name = k;
+        o.id = Game.Objects[k].id;
+        return o;
+      });
 
-		for (let x = 0; x < arr.length; x++) {
+      arr.sort(function (a, b) {
-			Game.Objects[arr[x].name].l.style.gridRow = `${x + 2}/${x + 2}`;
+        return Colors.indexOf(a.color) > Colors.indexOf(b.color)
-		}
+          ? 1
-	} else {
+          : Colors.indexOf(a.color) < Colors.indexOf(b.color)
-		const arr = Object.keys(CacheObjects1).map((k) => {
+          ? -1
-			const o = CacheObjects1[k];
+          : a.pp < b.pp
-			o.name = k;
+          ? -1
-			o.id = Game.Objects[k].id;
+          : 0;
-			return o;
+      });
-		});
+    }
-		arr.sort((a, b) => a.id - b.id);
+
-		for (let x = 0; x < arr.length; x++) {
+    for (let x = 0; x < arr.length; x++) {
-			Game.Objects[arr[x].name].l.style.gridRow = `${x + 2}/${x + 2}`;
+      Game.Objects[arr[x].name].l.style.gridRow = `${x + 2}/${x + 2}`;
-		}
+    }
-	}
+  } else {
+    const arr = Object.keys(CacheObjects1).map((k) => {
+      const o = CacheObjects1[k];
+      o.name = k;
+      o.id = Game.Objects[k].id;
+      return o;
+    });
+    arr.sort((a, b) => a.id - b.id);
+    for (let x = 0; x < arr.length; x++) {
+      Game.Objects[arr[x].name].l.style.gridRow = `${x + 2}/${x + 2}`;
+    }
+  }
 }

src/Disp/BuildingsUpgrades/UpgradeBar.js

@@ -1,5 +1,13 @@
 import {
-	ColorBackPre, ColorBlue, ColorGray, ColorGreen, ColorOrange, ColorPurple, ColorRed, ColorTextPre, ColorYellow,
+  ColorBackPre,
+  ColorBlue,
+  ColorGray,
+  ColorGreen,
+  ColorOrange,
+  ColorPurple,
+  ColorRed,
+  ColorTextPre,
+  ColorYellow,
 } from '../VariablesAndData';
 
 /**
@@ -7,73 +15,90 @@ import {
  * @returns	{object}	legend	The legend-object to be added
  */
 function CreateUpgradeBarLegend() {
-	const legend = document.createElement('div');
+  const legend = document.createElement('div');
-	legend.style.minWidth = '330px';
+  legend.style.minWidth = '330px';
-	legend.style.marginBottom = '4px';
+  legend.style.marginBottom = '4px';
-	const title = document.createElement('div');
+  const title = document.createElement('div');
-	title.className = 'name';
+  title.className = 'name';
-	title.style.marginBottom = '4px';
+  title.style.marginBottom = '4px';
-	title.textContent = 'Legend';
+  title.textContent = 'Legend';
-	legend.appendChild(title);
+  legend.appendChild(title);
 
-	const legendLine = function (color, text) {
+  const legendLine = function (color, text) {
-		const div = document.createElement('div');
+    const div = document.createElement('div');
-		div.style.verticalAlign = 'middle';
+    div.style.verticalAlign = 'middle';
-		const span = document.createElement('span');
+    const span = document.createElement('span');
-		span.className = ColorBackPre + color;
+    span.className = ColorBackPre + color;
-		span.style.display = 'inline-block';
+    span.style.display = 'inline-block';
-		span.style.height = '10px';
+    span.style.height = '10px';
-		span.style.width = '10px';
+    span.style.width = '10px';
-		span.style.marginRight = '4px';
+    span.style.marginRight = '4px';
-		div.appendChild(span);
+    div.appendChild(span);
-		div.appendChild(document.createTextNode(text));
+    div.appendChild(document.createTextNode(text));
-		return div;
+    return div;
-	};
+  };
 
-	legend.appendChild(legendLine(ColorBlue, 'Better than best PP building'));
+  legend.appendChild(legendLine(ColorBlue, 'Better than best PP building'));
-	legend.appendChild(legendLine(ColorGreen, 'Same as best PP building'));
+  legend.appendChild(legendLine(ColorGreen, 'Same as best PP building'));
-	legend.appendChild(legendLine(ColorYellow, 'Between best and worst PP buildings closer to best'));
+  legend.appendChild(
-	legend.appendChild(legendLine(ColorOrange, 'Between best and worst PP buildings closer to worst'));
+    legendLine(
-	legend.appendChild(legendLine(ColorRed, 'Same as worst PP building'));
+      ColorYellow,
-	legend.appendChild(legendLine(ColorPurple, 'Worse than worst PP building'));
+      'Between best and worst PP buildings closer to best',
-	legend.appendChild(legendLine(ColorGray, 'Negative or infinity PP'));
+    ),
-	return legend;
+  );
+  legend.appendChild(
+    legendLine(
+      ColorOrange,
+      'Between best and worst PP buildings closer to worst',
+    ),
+  );
+  legend.appendChild(legendLine(ColorRed, 'Same as worst PP building'));
+  legend.appendChild(legendLine(ColorPurple, 'Worse than worst PP building'));
+  legend.appendChild(legendLine(ColorGray, 'Negative or infinity PP'));
+  return legend;
 }
 
 /**
  * This function creates the upgrade bar above the upgrade-section in the right section of the screen
  */
 export default function CreateUpgradeBar() {
-	const UpgradeBar = document.createElement('div');
+  const UpgradeBar = document.createElement('div');
-	UpgradeBar.id = 'CMUpgradeBar';
+  UpgradeBar.id = 'CMUpgradeBar';
-	UpgradeBar.style.width = '100%';
+  UpgradeBar.style.width = '100%';
-	UpgradeBar.style.backgroundColor = 'black';
+  UpgradeBar.style.backgroundColor = 'black';
-	UpgradeBar.style.textAlign = 'center';
+  UpgradeBar.style.textAlign = 'center';
-	UpgradeBar.style.fontWeight = 'bold';
+  UpgradeBar.style.fontWeight = 'bold';
-	UpgradeBar.style.display = 'none';
+  UpgradeBar.style.display = 'none';
-	UpgradeBar.style.zIndex = '21';
+  UpgradeBar.style.zIndex = '21';
-	UpgradeBar.onmouseout = function () { Game.tooltip.hide(); };
+  UpgradeBar.onmouseout = function () {
+    Game.tooltip.hide();
+  };
 
-	const placeholder = document.createElement('div');
+  const placeholder = document.createElement('div');
-	placeholder.appendChild(CreateUpgradeBarLegend());
+  placeholder.appendChild(CreateUpgradeBarLegend());
-	UpgradeBar.onmouseover = function () { Game.tooltip.draw(this, escape(placeholder.innerHTML), 'store'); };
+  UpgradeBar.onmouseover = function () {
+    Game.tooltip.draw(this, escape(placeholder.innerHTML), 'store');
+  };
 
-	const upgradeNumber = function (id, color) {
+  const upgradeNumber = function (id, color) {
-		const span = document.createElement('span');
+    const span = document.createElement('span');
-		span.id = id;
+    span.id = id;
-		span.className = ColorTextPre + color;
+    span.className = ColorTextPre + color;
-		span.style.width = '14.28571428571429%';
+    span.style.width = '14.28571428571429%';
-		span.style.display = 'inline-block';
+    span.style.display = 'inline-block';
-		span.textContent = '0';
+    span.textContent = '0';
-		return span;
+    return span;
-	};
+  };
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarBlue', ColorBlue));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarBlue', ColorBlue));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarGreen', ColorGreen));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarGreen', ColorGreen));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarYellow', ColorYellow));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarYellow', ColorYellow));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarOrange', ColorOrange));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarOrange', ColorOrange));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarRed', ColorRed));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarRed', ColorRed));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarPurple', ColorPurple));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarPurple', ColorPurple));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarGray', ColorGray));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarGray', ColorGray));
 
-	l('upgrades').parentNode.insertBefore(UpgradeBar, l('upgrades').parentNode.childNodes[3]);
+  l('upgrades').parentNode.insertBefore(
+    UpgradeBar,
+    l('upgrades').parentNode.childNodes[3],
+  );
 }

src/Disp/BuildingsUpgrades/Upgrades.js

@@ -1,7 +1,16 @@
+/* eslint-disable no-nested-ternary */
 import { CacheUpgrades } from '../../Cache/VariablesAndData';
 import { CMOptions } from '../../Config/VariablesAndData';
 import {
-	ColorBackPre, ColorBlue, ColorGray, ColorGreen, ColorOrange, ColorPurple, ColorRed, Colors, ColorYellow,
+  ColorBackPre,
+  ColorBlue,
+  ColorGray,
+  ColorGreen,
+  ColorOrange,
+  ColorPurple,
+  ColorRed,
+  Colors,
+  ColorYellow,
 } from '../VariablesAndData';
 
 /**
@@ -11,72 +20,84 @@ import {
  * And by changes in CM.Options.SortUpgrades
  */
 export default function UpdateUpgrades() {
-	// This counts the amount of upgrades for each pp group and updates the Upgrade Bar
+  // This counts the amount of upgrades for each pp group and updates the Upgrade Bar
-	if (CMOptions.UpBarColor > 0) {
+  if (CMOptions.UpBarColor > 0) {
-		let blue = 0;
+    let blue = 0;
-		let green = 0;
+    let green = 0;
-		let yellow = 0;
+    let yellow = 0;
-		let orange = 0;
+    let orange = 0;
-		let red = 0;
+    let red = 0;
-		let purple = 0;
+    let purple = 0;
-		let gray = 0;
+    let gray = 0;
 
-		for (const i of Object.keys(Game.UpgradesInStore)) {
+    Object.keys(Game.UpgradesInStore).forEach((i) => {
-			const me = Game.UpgradesInStore[i];
+      const me = Game.UpgradesInStore[i];
-			let addedColor = false;
+      let addedColor = false;
-			for (let j = 0; j < l(`upgrade${i}`).childNodes.length; j++) {
+      for (let j = 0; j < l(`upgrade${i}`).childNodes.length; j += 1) {
-				if (l(`upgrade${i}`).childNodes[j].className.indexOf(ColorBackPre) !== -1) {
+        if (
-					l(`upgrade${i}`).childNodes[j].className = ColorBackPre + CacheUpgrades[me.name].color;
+          l(`upgrade${i}`).childNodes[j].className.indexOf(ColorBackPre) !== -1
-					addedColor = true;
+        ) {
-					break;
+          l(`upgrade${i}`).childNodes[j].className =
-				}
+            ColorBackPre + CacheUpgrades[me.name].color;
-			}
+          addedColor = true;
-			if (!addedColor) {
+          break;
-				const div = document.createElement('div');
+        }
-				div.style.width = '10px';
+      }
-				div.style.height = '10px';
+      if (!addedColor) {
-				div.className = ColorBackPre + CacheUpgrades[me.name].color;
+        const div = document.createElement('div');
-				l(`upgrade${i}`).appendChild(div);
+        div.style.width = '10px';
-			}
+        div.style.height = '10px';
-			if (CacheUpgrades[me.name].color === ColorBlue) blue++;
+        div.className = ColorBackPre + CacheUpgrades[me.name].color;
-			else if (CacheUpgrades[me.name].color === ColorGreen) green++;
+        l(`upgrade${i}`).appendChild(div);
-			else if (CacheUpgrades[me.name].color === ColorYellow) yellow++;
+      }
-			else if (CacheUpgrades[me.name].color === ColorOrange) orange++;
+      if (CacheUpgrades[me.name].color === ColorBlue) blue += 1;
-			else if (CacheUpgrades[me.name].color === ColorRed) red++;
+      else if (CacheUpgrades[me.name].color === ColorGreen) green += 1;
-			else if (CacheUpgrades[me.name].color === ColorPurple) purple++;
+      else if (CacheUpgrades[me.name].color === ColorYellow) yellow += 1;
-			else if (CacheUpgrades[me.name].color === ColorGray) gray++;
+      else if (CacheUpgrades[me.name].color === ColorOrange) orange += 1;
-		}
+      else if (CacheUpgrades[me.name].color === ColorRed) red += 1;
+      else if (CacheUpgrades[me.name].color === ColorPurple) purple += 1;
+      else if (CacheUpgrades[me.name].color === ColorGray) gray += 1;
+    });
 
-		l('CMUpgradeBarBlue').textContent = blue;
+    l('CMUpgradeBarBlue').textContent = blue;
-		l('CMUpgradeBarGreen').textContent = green;
+    l('CMUpgradeBarGreen').textContent = green;
-		l('CMUpgradeBarYellow').textContent = yellow;
+    l('CMUpgradeBarYellow').textContent = yellow;
-		l('CMUpgradeBarOrange').textContent = orange;
+    l('CMUpgradeBarOrange').textContent = orange;
-		l('CMUpgradeBarRed').textContent = red;
+    l('CMUpgradeBarRed').textContent = red;
-		l('CMUpgradeBarPurple').textContent = purple;
+    l('CMUpgradeBarPurple').textContent = purple;
-		l('CMUpgradeBarGray').textContent = gray;
+    l('CMUpgradeBarGray').textContent = gray;
-	}
+  }
 
-	const arr = [];
+  const arr = [];
-	// Build array of pointers, sort by pp, set flex positions
+  // Build array of pointers, sort by pp, set flex positions
-	// This regulates sorting of upgrades
+  // This regulates sorting of upgrades
-	for (let x = 0; x < Game.UpgradesInStore.length; x++) {
+  for (let x = 0; x < Game.UpgradesInStore.length; x += 1) {
-		const o = {};
+    const o = {};
-		o.name = Game.UpgradesInStore[x].name;
+    o.name = Game.UpgradesInStore[x].name;
-		o.price = Game.UpgradesInStore[x].basePrice;
+    o.price = Game.UpgradesInStore[x].basePrice;
-		o.pp = CacheUpgrades[o.name].pp;
+    o.pp = CacheUpgrades[o.name].pp;
-		arr.push(o);
+    arr.push(o);
-	}
+  }
 
-	if (CMOptions.SortUpgrades) {
+  if (CMOptions.SortUpgrades) {
-		arr.sort(function (a, b) { return (Colors.indexOf(a.color) > Colors.indexOf(b.color) ? 1 : (Colors.indexOf(a.color) < Colors.indexOf(b.color) ? -1 : (a.pp < b.pp) ? -1 : 0)); });
+    arr.sort(function (a, b) {
-	} else {
+      return Colors.indexOf(a.color) > Colors.indexOf(b.color)
-		arr.sort((a, b) => a.price - b.price);
+        ? 1
-	}
+        : Colors.indexOf(a.color) < Colors.indexOf(b.color)
+        ? -1
+        : a.pp < b.pp
+        ? -1
+        : 0;
+    });
+  } else {
+    arr.sort((a, b) => a.price - b.price);
+  }
 
-	const nameChecker = function (arr2, upgrade) {
+  const nameChecker = function (arr2, upgrade) {
-		return arr2.findIndex((e) => e.name === upgrade.name);
+    return arr2.findIndex((e) => e.name === upgrade.name);
-	};
+  };
-	for (let x = 0; x < Game.UpgradesInStore.length; x++) {
+  for (let x = 0; x < Game.UpgradesInStore.length; x += 1) {
-		l(`upgrade${x}`).style.order = nameChecker(arr, Game.UpgradesInStore[x]) + 1;
+    l(`upgrade${x}`).style.order =
-	}
+      nameChecker(arr, Game.UpgradesInStore[x]) + 1;
+  }
 }

src/Disp/Dragon/Dragon.js

@@ -4,32 +4,40 @@ import CacheDragonCost from '../../Cache/Dragon/Dragon';
 import { CacheCostDragonUpgrade } from '../../Cache/VariablesAndData';
 import { CMOptions } from '../../Config/VariablesAndData';
 import CalculateChangeAura from '../../Sim/SimulationEvents/AuraChange';
-import { Beautify, FormatTime } from '../BeautifyAndFormatting/BeautifyFormatting';
+import {
+  Beautify,
+  FormatTime,
+} from '../BeautifyAndFormatting/BeautifyFormatting';
 
 /**
  * This functions adds the two extra lines about CPS and time to recover to the aura picker infoscreen
  * @param	{number}	aura	The number of the aura currently selected by the mouse/user
  */
 export function AddAuraInfo(aura) {
-	if (CMOptions.DragonAuraInfo === 1) {
+  if (CMOptions.DragonAuraInfo === 1) {
-		const [bonusCPS, priceOfChange] = CalculateChangeAura(aura);
+    const [bonusCPS, priceOfChange] = CalculateChangeAura(aura);
-		const timeToRecover = FormatTime(priceOfChange / (bonusCPS + Game.cookiesPs));
+    const timeToRecover = FormatTime(
-		const bonusCPSPercentage = Beautify(bonusCPS / Game.cookiesPs);
+      priceOfChange / (bonusCPS + Game.cookiesPs),
+    );
+    const bonusCPSPercentage = Beautify(bonusCPS / Game.cookiesPs);
 
-		l('dragonAuraInfo').style.minHeight = '60px';
+    l('dragonAuraInfo').style.minHeight = '60px';
-		l('dragonAuraInfo').style.margin = '8px';
+    l('dragonAuraInfo').style.margin = '8px';
-		l('dragonAuraInfo').appendChild(document.createElement('div')).className = 'line';
+    l('dragonAuraInfo').appendChild(document.createElement('div')).className =
-		const div = document.createElement('div');
+      'line';
-		div.style.minWidth = '200px';
+    const div = document.createElement('div');
-		div.style.textAlign = 'center';
+    div.style.minWidth = '200px';
-		div.textContent = `Picking this aura will change CPS by ${Beautify(bonusCPS)} (${bonusCPSPercentage}% of current CPS).`;
+    div.style.textAlign = 'center';
-		l('dragonAuraInfo').appendChild(div);
+    div.textContent = `Picking this aura will change CPS by ${Beautify(
-		const div2 = document.createElement('div');
+      bonusCPS,
-		div2.style.minWidth = '200px';
+    )} (${bonusCPSPercentage}% of current CPS).`;
-		div2.style.textAlign = 'center';
+    l('dragonAuraInfo').appendChild(div);
-		div2.textContent = `It will take ${timeToRecover} to recover the cost.`;
+    const div2 = document.createElement('div');
-		l('dragonAuraInfo').appendChild(div2);
+    div2.style.minWidth = '200px';
-	}
+    div2.style.textAlign = 'center';
+    div2.textContent = `It will take ${timeToRecover} to recover the cost.`;
+    l('dragonAuraInfo').appendChild(div2);
+  }
 }
 
 /**
@@ -37,18 +45,27 @@ export function AddAuraInfo(aura) {
  * It is called by Game.ToggleSpecialMenu() after CM.Main.ReplaceNative()
  */
 export function AddDragonLevelUpTooltip() {
-	// Check if it is the dragon popup that is on screen
+  // Check if it is the dragon popup that is on screen
-	if ((l('specialPopup').className.match(/onScreen/) && l('specialPopup').children[0].style.background.match(/dragon/)) !== null) {
+  if (
-		for (let i = 0; i < l('specialPopup').childNodes.length; i++) {
+    (l('specialPopup').className.match(/onScreen/) &&
-			if (l('specialPopup').childNodes[i].className === 'optionBox') {
+      l('specialPopup').children[0].style.background.match(/dragon/)) !== null
-				l('specialPopup').children[i].onmouseover = function () {
+  ) {
-					CacheDragonCost();
+    for (let i = 0; i < l('specialPopup').childNodes.length; i++) {
-					Game.tooltip.dynamic = 1;
+      if (l('specialPopup').childNodes[i].className === 'optionBox') {
-					Game.tooltip.draw(l('specialPopup'), `<div style="min-width:200px;text-align:center;">${CacheCostDragonUpgrade}</div>`, 'this');
+        l('specialPopup').children[i].onmouseover = function () {
-					Game.tooltip.wobble();
+          CacheDragonCost();
-				};
+          Game.tooltip.dynamic = 1;
-				l('specialPopup').children[i].onmouseout = function () { Game.tooltip.shouldHide = 1; };
+          Game.tooltip.draw(
-			}
+            l('specialPopup'),
-		}
+            `<div style="min-width:200px;text-align:center;">${CacheCostDragonUpgrade}</div>`,
-	}
+            'this',
+          );
+          Game.tooltip.wobble();
+        };
+        l('specialPopup').children[i].onmouseout = function () {
+          Game.tooltip.shouldHide = 1;
+        };
+      }
+    }
+  }
 }

src/Disp/Draw.js

@@ -5,45 +5,58 @@ import UpdateUpgrades from './BuildingsUpgrades/Upgrades';
 import { UpdateBotBar } from './InfoBars/BottomBar';
 import { UpdateTimerBar } from './InfoBars/TimerBar';
 import RefreshMenu from './MenuSections/Refreshmenu';
-import { UpdateTooltips } from './Tooltips/Tooltip';
+import UpdateTooltips from './Tooltips/UpdateTooltips';
-import { CheckWrinklerTooltip, UpdateWrinklerTooltip } from './Tooltips/WrinklerTooltips';
+import {
+  CheckWrinklerTooltip,
+  UpdateWrinklerTooltip,
+} from './Tooltips/WrinklerTooltips';
 
 /**
  * This function handles all custom drawing for the Game.Draw() function.
  * It is hooked on 'draw' by CM.RegisterHooks()
  */
 export default function Draw() {
-	// Draw autosave timer in stats menu, this must be done here to make it count down correctly
+  // Draw autosave timer in stats menu, this must be done here to make it count down correctly
-	if (
+  if (
-		(Game.prefs.autosave && Game.drawT % 10 === 0) // with autosave ON and every 10 ticks
+    Game.prefs.autosave &&
-		&& (Game.onMenu === 'stats' && CMOptions.Stats) // while being on the stats menu only
+    Game.drawT % 10 === 0 && // with autosave ON and every 10 ticks
-	) {
+    Game.onMenu === 'stats' &&
-		const timer = document.getElementById('CMStatsAutosaveTimer');
+    CMOptions.Stats // while being on the stats menu only
-		if (timer) {
+  ) {
-			timer.innerText = Game.sayTime(Game.fps * 60 - (Game.T % (Game.fps * 60)), 4);
+    const timer = document.getElementById('CMStatsAutosaveTimer');
-		}
+    if (timer) {
-	}
+      timer.innerText = Game.sayTime(
+        Game.fps * 60 - (Game.T % (Game.fps * 60)),
+        4,
+      );
+    }
+  }
 
-	// Update colors
+  // Update colors
-	UpdateBuildings();
+  UpdateBuildings();
-	UpdateUpgrades();
+  UpdateUpgrades();
 
-	// Redraw timers
+  // Redraw timers
-	UpdateTimerBar();
+  UpdateTimerBar();
 
-	// Update Bottom Bar
+  // Update Bottom Bar
-	UpdateBotBar();
+  UpdateBotBar();
 
-	// Update Tooltip
+  // Update Tooltip
-	UpdateTooltips();
+  UpdateTooltips();
 
-	// Update Wrinkler Tooltip
+  // Update Wrinkler Tooltip
-	CheckWrinklerTooltip();
+  CheckWrinklerTooltip();
-	UpdateWrinklerTooltip();
+  UpdateWrinklerTooltip();
 
-	// Change menu refresh interval
+  // Change menu refresh interval
-	RefreshMenu();
+  RefreshMenu();
 
-	// Replace Cookies counter because Orteil uses very weird code to "pad" it...
+  // Replace Cookies counter because Orteil uses very weird code to "pad" it...
-	l('cookies').innerHTML = l('cookies').innerHTML.replace(/.*(?=<br>)/i, Beautify(Game.cookies));
+  let str = l('cookies').innerHTML.replace(
+    /.*(?=<br>)/i,
+    Beautify(Game.cookies),
+  );
+  if (Game.prefs.monospace) str = `<span class="monospace">${str}</span>`;
+  l('cookies').innerHTML = str;
 }

src/Disp/GoldenCookieTimers/GoldenCookieTimers.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-param-reassign */
 /** Section: Functions related to the Golden Cookie Timers */
 
 import { CMOptions } from '../../Config/VariablesAndData';
@@ -8,25 +9,35 @@ import { GCTimers } from '../VariablesAndData';
  * @param	{object}	cookie	A Golden Cookie object
  */
 export default function CreateGCTimer(cookie) {
-	const GCTimer = document.createElement('div');
+  const GCTimer = document.createElement('div');
-	GCTimer.id = `GCTimer${cookie.id}`;
+  GCTimer.id = `GCTimer${cookie.id}`;
-	GCTimer.style.width = '96px';
+  GCTimer.style.width = '96px';
-	GCTimer.style.height = '96px';
+  GCTimer.style.height = '96px';
-	GCTimer.style.position = 'absolute';
+  GCTimer.style.position = 'absolute';
-	GCTimer.style.zIndex = '10000000001';
+  GCTimer.style.zIndex = '10000000001';
-	GCTimer.style.textAlign = 'center';
+  GCTimer.style.textAlign = 'center';
-	GCTimer.style.lineHeight = '96px';
+  GCTimer.style.lineHeight = '96px';
-	GCTimer.style.fontFamily = '"Kavoon", Georgia, serif';
+  GCTimer.style.fontFamily = '"Kavoon", Georgia, serif';
-	GCTimer.style.fontSize = '35px';
+  GCTimer.style.fontSize = '35px';
-	GCTimer.style.cursor = 'pointer';
+  GCTimer.style.cursor = 'pointer';
-	GCTimer.style.display = 'block';
+  GCTimer.style.display = 'block';
-	if (CMOptions.GCTimer === 0) GCTimer.style.display = 'none';
+  if (CMOptions.GCTimer === 0) GCTimer.style.display = 'none';
-	GCTimer.style.left = cookie.l.style.left;
+  GCTimer.style.left = cookie.l.style.left;
-	GCTimer.style.top = cookie.l.style.top;
+  GCTimer.style.top = cookie.l.style.top;
-	GCTimer.onclick = function () { cookie.pop(); };
+  GCTimer.onclick = function () {
-	GCTimer.onmouseover = function () { cookie.l.style.filter = 'brightness(125%) drop-shadow(0px 0px 3px rgba(255,255,255,1))'; cookie.l.style.webkitFilter = 'brightness(125%) drop-shadow(0px 0px 3px rgba(255,255,255,1))'; };
+    cookie.pop();
-	GCTimer.onmouseout = function () { cookie.l.style.filter = ''; cookie.l.style.webkitFilter = ''; };
+  };
+  GCTimer.onmouseover = function () {
+    cookie.l.style.filter =
+      'brightness(125%) drop-shadow(0px 0px 3px rgba(255,255,255,1))';
+    cookie.l.style.webkitFilter =
+      'brightness(125%) drop-shadow(0px 0px 3px rgba(255,255,255,1))';
+  };
+  GCTimer.onmouseout = function () {
+    cookie.l.style.filter = '';
+    cookie.l.style.webkitFilter = '';
+  };
 
-	GCTimers[cookie.id] = GCTimer;
+  GCTimers[cookie.id] = GCTimer;
-	l('shimmers').appendChild(GCTimer);
+  l('shimmers').appendChild(GCTimer);
 }

src/Disp/HelperFunctions/CalculateGrimoireRefillTime.js

@@ -5,11 +5,16 @@
  * @param	{number}	targetMagic			The target magic level
  * @returns	{number}	count / Game.fps	The time it takes to reach targetMagic
  */
-export default function CalculateGrimoireRefillTime(currentMagic, maxMagic, targetMagic) {
+export default function CalculateGrimoireRefillTime(
-	let count = 0;
+  currentMagic,
-	while (currentMagic < targetMagic) {
+  maxMagic,
-		currentMagic += Math.max(0.002, (currentMagic / Math.max(maxMagic, 100)) ** 0.5) * 0.002;
+  targetMagic,
-		count++;
+) {
-	}
+  let magic = currentMagic;
-	return count / Game.fps;
+  let count = 0;
+  while (magic < targetMagic) {
+    magic += Math.max(0.002, (magic / Math.max(maxMagic, 100)) ** 0.5) * 0.002;
+    count += 1;
+  }
+  return count / Game.fps;
 }

src/Disp/HelperFunctions/GetCPS.js

@@ -1,5 +1,8 @@
 import {
-	CacheAvgCps, CacheCurrWrinklerCount, CacheCurrWrinklerCPSMult, CacheWrinklersFattest,
+  CacheAverageCPS,
+  CacheCurrWrinklerCount,
+  CacheCurrWrinklerCPSMult,
+  CacheWrinklersFattest,
 } from '../../Cache/VariablesAndData';
 import { CMOptions } from '../../Config/VariablesAndData';
 
@@ -8,14 +11,31 @@ import { CMOptions } from '../../Config/VariablesAndData';
  * @returns	{number}	The average or current cps
  */
 export default function GetCPS() {
-	if (CMOptions.CPSMode) {
+  if (CMOptions.CPSMode) {
-		return CacheAvgCps;
+    return CacheAverageCPS;
-	} if (CMOptions.CalcWrink === 0) {
+  }
-		return (Game.cookiesPs * (1 - Game.cpsSucked));
+  if (CMOptions.CalcWrink === 0) {
-	} if (CMOptions.CalcWrink === 1) {
+    return Game.cookiesPs * (1 - Game.cpsSucked);
-		return Game.cookiesPs * (CacheCurrWrinklerCPSMult + (1 - (CacheCurrWrinklerCount * 0.05)));
+  }
-	} if (CMOptions.CalcWrink === 2 && Game.wrinklers[CacheWrinklersFattest[1]].type === 1) {
+  if (CMOptions.CalcWrink === 1) {
-		return Game.cookiesPs * ((CacheCurrWrinklerCPSMult * 3 / CacheCurrWrinklerCount) + (1 - (CacheCurrWrinklerCount * 0.05)));
+    return (
-	}
+      Game.cookiesPs *
-	return Game.cookiesPs * ((CacheCurrWrinklerCPSMult / CacheCurrWrinklerCount) + (1 - (CacheCurrWrinklerCount * 0.05)));
+      (CacheCurrWrinklerCPSMult + (1 - CacheCurrWrinklerCount * 0.05))
+    );
+  }
+  if (
+    CMOptions.CalcWrink === 2 &&
+    Game.wrinklers[CacheWrinklersFattest[1]].type === 1
+  ) {
+    return (
+      Game.cookiesPs *
+      ((CacheCurrWrinklerCPSMult * 3) / CacheCurrWrinklerCount +
+        (1 - CacheCurrWrinklerCount * 0.05))
+    );
+  }
+  return (
+    Game.cookiesPs *
+    (CacheCurrWrinklerCPSMult / CacheCurrWrinklerCount +
+      (1 - CacheCurrWrinklerCount * 0.05))
+  );
 }

src/Disp/HelperFunctions/GetLumpColor.js

@@ -1,5 +1,10 @@
 import {
-	ColorGray, ColorGreen, ColorOrange, ColorPurple, ColorRed, ColorYellow,
+  ColorGray,
+  ColorGreen,
+  ColorOrange,
+  ColorPurple,
+  ColorRed,
+  ColorYellow,
 } from '../VariablesAndData';
 
 /**
@@ -9,16 +14,20 @@ import {
  * @returns {{string}, {string}}	text, color		An array containing the text and display-color of the sugar lump
  */
 export default function GetLumpColor(type) {
-	if (type === 0) {
+  if (type === 0) {
-		return { text: 'Normal', color: ColorGray };
+    return { text: 'Normal', color: ColorGray };
-	} if (type === 1) {
+  }
-		return { text: 'Bifurcated', color: ColorGreen };
+  if (type === 1) {
-	} if (type === 2) {
+    return { text: 'Bifurcated', color: ColorGreen };
-		return { text: 'Golden', color: ColorYellow };
+  }
-	} if (type === 3) {
+  if (type === 2) {
-		return { text: 'Meaty', color: ColorOrange };
+    return { text: 'Golden', color: ColorYellow };
-	} if (type === 4) {
+  }
-		return { text: 'Caramelized', color: ColorPurple };
+  if (type === 3) {
-	}
+    return { text: 'Meaty', color: ColorOrange };
-	return { text: 'Unknown Sugar Lump', color: ColorRed };
+  }
+  if (type === 4) {
+    return { text: 'Caramelized', color: ColorPurple };
+  }
+  return { text: 'Unknown Sugar Lump', color: ColorRed };
 }

src/Disp/HelperFunctions/GetWrinkConfigBank.js

@@ -1,4 +1,7 @@
-import { CacheWrinklersFattest, CacheWrinklersTotal } from '../../Cache/VariablesAndData';
+import {
+  CacheWrinklersFattest,
+  CacheWrinklersTotal,
+} from '../../Cache/VariablesAndData';
 import { CMOptions } from '../../Config/VariablesAndData';
 
 /**
@@ -7,10 +10,11 @@ import { CMOptions } from '../../Config/VariablesAndData';
  * @returns	{number}	0 or the amount of cookies stored (CM.Cache.WrinklersTotal)
  */
 export default function GetWrinkConfigBank() {
-	if (CMOptions.CalcWrink === 1) {
+  if (CMOptions.CalcWrink === 1) {
-		return CacheWrinklersTotal;
+    return CacheWrinklersTotal;
-	} if (CMOptions.CalcWrink === 2) {
+  }
-		return CacheWrinklersFattest[0];
+  if (CMOptions.CalcWrink === 2) {
-	}
+    return CacheWrinklersFattest[0];
-	return 0;
+  }
+  return 0;
 }

src/Disp/HelperFunctions/PopWrinklers.js

@@ -3,9 +3,9 @@
  * It is called by a click of the 'pop all' button created by CM.Disp.AddMenuStats()
  */
 export default function PopAllNormalWrinklers() {
-	for (const i of Object.keys(Game.wrinklers)) {
+  Object.keys(Game.wrinklers).forEach((i) => {
-		if (Game.wrinklers[i].sucked > 0 && Game.wrinklers[i].type === 0) {
+    if (Game.wrinklers[i].sucked > 0 && Game.wrinklers[i].type === 0) {
-			Game.wrinklers[i].hp = 0;
+      Game.wrinklers[i].hp = 0;
-		}
+    }
-	}
+  });
 }

src/Disp/HelperFunctions/RefreshScale.js

@@ -7,11 +7,11 @@ import { UpdateBotBar } from '../InfoBars/BottomBar';
  * It is therefore called by a changes in CM.Options.Scale, CM.Options.ScaleDecimals, CM.Options.ScaleSeparator and CM.Options.ScaleCutoff
  */
 export default function RefreshScale() {
-	BeautifyAll();
+  BeautifyAll();
-	Game.RefreshStore();
+  Game.RefreshStore();
-	Game.RebuildUpgrades();
+  Game.RebuildUpgrades();
 
-	UpdateBotBar();
+  UpdateBotBar();
-	UpdateBuildings();
+  UpdateBuildings();
-	UpdateUpgrades();
+  UpdateUpgrades();
 }

src/Disp/HelperFunctions/UpdateAscendState.js

@@ -8,13 +8,13 @@ import UpdateBackground from './UpdateBackground';
  * It is called by CM.Disp.Draw()
  */
 export default function UpdateAscendState() {
-	if (Game.OnAscend) {
+  if (Game.OnAscend) {
-		l('game').style.bottom = '0px';
+    l('game').style.bottom = '0px';
-		if (CMOptions.BotBar === 1) l('CMBotBar').style.display = 'none';
+    if (CMOptions.BotBar === 1) l('CMBotBar').style.display = 'none';
-		if (CMOptions.TimerBar === 1) l('CMTimerBar').style.display = 'none';
+    if (CMOptions.TimerBar === 1) l('CMTimerBar').style.display = 'none';
-	} else {
+  } else {
-		ToggleBotBar();
+    ToggleBotBar();
-		ToggleTimerBar();
+    ToggleTimerBar();
-	}
+  }
-	UpdateBackground();
+  UpdateBackground();
 }

src/Disp/HelperFunctions/UpdateBackground.js

@@ -4,8 +4,11 @@
  * It is called by CM.Disp.UpdateAscendState() and CM.Disp.UpdateBotTimerBarPosition()
  */
 export default function UpdateBackground() {
-	Game.Background.canvas.width = Game.Background.canvas.parentNode.offsetWidth;
+  Game.Background.canvas.width = Game.Background.canvas.parentNode.offsetWidth;
-	Game.Background.canvas.height = Game.Background.canvas.parentNode.offsetHeight;
+  Game.Background.canvas.height =
-	Game.LeftBackground.canvas.width = Game.LeftBackground.canvas.parentNode.offsetWidth;
+    Game.Background.canvas.parentNode.offsetHeight;
-	Game.LeftBackground.canvas.height = Game.LeftBackground.canvas.parentNode.offsetHeight;
+  Game.LeftBackground.canvas.width =
+    Game.LeftBackground.canvas.parentNode.offsetWidth;
+  Game.LeftBackground.canvas.height =
+    Game.LeftBackground.canvas.parentNode.offsetHeight;
 }

src/Disp/HelperFunctions/UpdateColors.js

@@ -1,7 +1,10 @@
 import { CMOptions } from '../../Config/VariablesAndData';
 import UpdateBuildings from '../BuildingsUpgrades/Buildings';
 import {
-	ColorBackPre, ColorBorderPre, Colors, ColorTextPre,
+  ColorBackPre,
+  ColorBorderPre,
+  Colors,
+  ColorTextPre,
 } from '../VariablesAndData';
 
 /**
@@ -9,16 +12,22 @@ import {
  * The function is therefore called by a change in CM.Options.Colors
  */
 export default function UpdateColors() {
-	let str = '';
+  let str = '';
-	for (let i = 0; i < Colors.length; i++) {
+  for (let i = 0; i < Colors.length; i++) {
-		str += `.${ColorTextPre}${Colors[i]} { color: ${CMOptions.Colors[Colors[i]]}; }\n`;
+    str += `.${ColorTextPre}${Colors[i]} { color: ${
-	}
+      CMOptions.Colors[Colors[i]]
-	for (let i = 0; i < Colors.length; i++) {
+    }; }\n`;
-		str += `.${ColorBackPre}${Colors[i]} { background-color: ${CMOptions.Colors[Colors[i]]}; }\n`;
+  }
-	}
+  for (let i = 0; i < Colors.length; i++) {
-	for (let i = 0; i < Colors.length; i++) {
+    str += `.${ColorBackPre}${Colors[i]} { background-color: ${
-		str += `.${ColorBorderPre}${Colors[i]} { border: 1px solid ${CMOptions.Colors[Colors[i]]}; }\n`;
+      CMOptions.Colors[Colors[i]]
-	}
+    }; }\n`;
-	l('CMCSS').textContent = str;
+  }
-	UpdateBuildings(); // Class has been already set
+  for (let i = 0; i < Colors.length; i++) {
+    str += `.${ColorBorderPre}${Colors[i]} { border: 1px solid ${
+      CMOptions.Colors[Colors[i]]
+    }; }\n`;
+  }
+  l('CMCSS').textContent = str;
+  UpdateBuildings(); // Class has been already set
 }

src/Disp/InfoBars/BottomBar.js

@@ -1,13 +1,24 @@
 /** Functions related to the Bottom Bar */
 
-import { CacheObjects1, CacheObjects10, CacheObjects100 } from '../../Cache/VariablesAndData';
+import {
+  CacheObjects1,
+  CacheObjects10,
+  CacheObjects100,
+} from '../../Cache/VariablesAndData';
 import { CMOptions } from '../../Config/VariablesAndData';
 import { VersionMajor, VersionMinor } from '../../Data/Moddata';
-import { Beautify, GetTimeColor } from '../BeautifyAndFormatting/BeautifyFormatting';
+import {
+  Beautify,
+  FormatTime,
+  GetTimeColor,
+} from '../BeautifyAndFormatting/BeautifyFormatting';
 import GetCPS from '../HelperFunctions/GetCPS';
 import GetWrinkConfigBank from '../HelperFunctions/GetWrinkConfigBank';
 import {
-	ColorBlue, ColorTextPre, ColorYellow, LastTargetBotBar,
+  ColorBlue,
+  ColorTextPre,
+  ColorYellow,
+  LastTargetBotBar,
 } from '../VariablesAndData';
 import { CreateBotBarBuildingColumn } from './CreateDOMElements';
 
@@ -15,74 +26,100 @@ import { CreateBotBarBuildingColumn } from './CreateDOMElements';
  * This function creates the bottom bar and appends it to l('wrapper')
  */
 export function CreateBotBar() {
-	const BotBar = document.createElement('div');
+  const BotBar = document.createElement('div');
-	BotBar.id = 'CMBotBar';
+  BotBar.id = 'CMBotBar';
-	BotBar.style.height = '69px';
+  BotBar.style.height = '69px';
-	BotBar.style.width = '100%';
+  BotBar.style.width = '100%';
-	BotBar.style.position = 'absolute';
+  BotBar.style.position = 'absolute';
-	BotBar.style.display = 'none';
+  BotBar.style.display = 'none';
-	BotBar.style.backgroundColor = '#262224';
+  BotBar.style.backgroundColor = '#262224';
-	BotBar.style.backgroundImage = 'linear-gradient(to bottom, #4d4548, #000000)';
+  BotBar.style.backgroundImage = 'linear-gradient(to bottom, #4d4548, #000000)';
-	BotBar.style.borderTop = '1px solid black';
+  BotBar.style.borderTop = '1px solid black';
-	BotBar.style.overflow = 'auto';
+  BotBar.style.overflow = 'auto';
-	BotBar.style.textShadow = '-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black';
+  BotBar.style.textShadow =
+    '-1px 0 black, 0 1px black, 1px 0 black, 0 -1px black';
 
-	const table = BotBar.appendChild(document.createElement('table'));
+  const table = BotBar.appendChild(document.createElement('table'));
-	table.style.width = '100%';
+  table.style.width = '100%';
-	table.style.textAlign = 'center';
+  table.style.textAlign = 'center';
-	table.style.whiteSpace = 'nowrap';
+  table.style.whiteSpace = 'nowrap';
-	const tbody = table.appendChild(document.createElement('tbody'));
+  const tbody = table.appendChild(document.createElement('tbody'));
 
-	const firstCol = function (text, color) {
+  const firstCol = function (text, color) {
-		const td = document.createElement('td');
+    const td = document.createElement('td');
-		td.style.textAlign = 'right';
+    td.style.textAlign = 'right';
-		td.className = ColorTextPre + color;
+    td.className = ColorTextPre + color;
-		td.textContent = text;
+    td.textContent = text;
-		return td;
+    return td;
-	};
+  };
-	const type = tbody.appendChild(document.createElement('tr'));
+  const type = tbody.appendChild(document.createElement('tr'));
-	type.style.fontWeight = 'bold';
+  type.style.fontWeight = 'bold';
-	type.appendChild(firstCol(`CM ${VersionMajor}.${VersionMinor}`, ColorYellow));
+  type.appendChild(firstCol(`CM ${VersionMajor}.${VersionMinor}`, ColorYellow));
-	const bonus = tbody.appendChild(document.createElement('tr'));
+  const bonus = tbody.appendChild(document.createElement('tr'));
-	bonus.appendChild(firstCol('Bonus Income', ColorBlue));
+  bonus.appendChild(firstCol('Bonus Income', ColorBlue));
-	const pp = tbody.appendChild(document.createElement('tr'));
+  const pp = tbody.appendChild(document.createElement('tr'));
-	pp.appendChild(firstCol('Payback Period', ColorBlue));
+  pp.appendChild(firstCol('Payback Period', ColorBlue));
-	const time = tbody.appendChild(document.createElement('tr'));
+  const time = tbody.appendChild(document.createElement('tr'));
-	time.appendChild(firstCol('Time Left', ColorBlue));
+  time.appendChild(firstCol('Time Left', ColorBlue));
 
-	l('wrapper').appendChild(BotBar);
+  l('wrapper').appendChild(BotBar);
 
-	for (const i of Object.keys(Game.Objects)) {
+  Object.keys(Game.Objects).forEach((i) => {
-		CreateBotBarBuildingColumn(i);
+    CreateBotBarBuildingColumn(i);
-	}
+  });
 }
 
 /**
  * This function updates the bonus-, pp-, and time-rows in the the bottom bar
  */
 export function UpdateBotBar() {
-	if (CMOptions.BotBar === 1 && CacheObjects1 && Game.buyMode === 1) {
+  if (CMOptions.BotBar === 1 && CacheObjects1 && Game.buyMode === 1) {
-		let count = 0;
+    let count = 0;
-		for (const i of Object.keys(CacheObjects1)) {
+    Object.keys(CacheObjects1).forEach((i) => {
-			let target = Game.buyBulk;
+      let target = Game.buyBulk;
-			if (Game.buyMode === 1) {
+      if (Game.buyMode === 1) {
-				LastTargetBotBar = target;
+        LastTargetBotBar = target;
-			} else {
+      } else {
-				target = LastTargetBotBar;
+        target = LastTargetBotBar;
-			}
+      }
-			if (target === 1) target = CacheObjects1;
+      if (target === 1) target = CacheObjects1;
-			if (target === 10) target = CacheObjects10;
+      if (target === 10) target = CacheObjects10;
-			if (target === 100) target = CacheObjects100;
+      if (target === 100) target = CacheObjects100;
-			count++;
+      count += 1;
-			l('CMBotBar').firstChild.firstChild.childNodes[0].childNodes[count].childNodes[1].textContent = Game.Objects[i].amount;
+      l('CMBotBar').firstChild.firstChild.childNodes[0].childNodes[
-			l('CMBotBar').firstChild.firstChild.childNodes[1].childNodes[count].textContent = Beautify(target[i].bonus, 2);
+        count
-			l('CMBotBar').firstChild.firstChild.childNodes[2].childNodes[count].className = ColorTextPre + target[i].color;
+      ].childNodes[1].textContent = Game.Objects[i].amount;
-			l('CMBotBar').firstChild.firstChild.childNodes[2].childNodes[count].textContent = Beautify(target[i].pp, 2);
+      l('CMBotBar').firstChild.firstChild.childNodes[1].childNodes[
-			const timeColor = GetTimeColor((Game.Objects[i].bulkPrice - (Game.cookies + GetWrinkConfigBank())) / GetCPS());
+        count
-			l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[count].className = ColorTextPre + timeColor.color;
+      ].textContent = Beautify(target[i].bonus, 2);
-			if (timeColor.text === 'Done!' && Game.cookies < Game.Objects[i].bulkPrice) {
+      l('CMBotBar').firstChild.firstChild.childNodes[2].childNodes[
-				l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[count].textContent = `${timeColor.text} (with Wrink)`;
+        count
-			} else l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[count].textContent = timeColor.text;
+      ].className = ColorTextPre + target[i].color;
-		}
+      let PPString;
-	}
+      if (CMOptions.PPDisplayTime)
+        PPString = FormatTime(Math.round(target[i].pp));
+      else PPString = Beautify(Math.round(target[i].pp), 2);
+      l('CMBotBar').firstChild.firstChild.childNodes[2].childNodes[
+        count
+      ].textContent = PPString;
+      const timeColor = GetTimeColor(
+        (Game.Objects[i].bulkPrice - (Game.cookies + GetWrinkConfigBank())) /
+          GetCPS(),
+      );
+      l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[
+        count
+      ].className = ColorTextPre + timeColor.color;
+      if (
+        timeColor.text === 'Done!' &&
+        Game.cookies < Game.Objects[i].bulkPrice
+      ) {
+        l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[
+          count
+        ].textContent = `${timeColor.text} (with Wrink)`;
+      } else
+        l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[
+          count
+        ].textContent = timeColor.text;
+    });
+  }
 }

src/Disp/InfoBars/CreateDOMElements.js

@@ -9,58 +9,58 @@ import { ColorBackPre, ColorBlue, ColorTextPre } from '../VariablesAndData';
  * @param	[{{string}, {string}}, ...]	bars ([id, color])	The id and colours of individual parts of the timer
  */
 export function CreateTimer(id, name, bars) {
-	const timerBar = document.createElement('div');
+  const timerBar = document.createElement('div');
-	timerBar.id = id;
+  timerBar.id = id;
-	timerBar.style.height = '12px';
+  timerBar.style.height = '12px';
-	timerBar.style.margin = '0px 10px';
+  timerBar.style.margin = '0px 10px';
-	timerBar.style.position = 'relative';
+  timerBar.style.position = 'relative';
 
-	const div = document.createElement('div');
+  const div = document.createElement('div');
-	div.style.width = '100%';
+  div.style.width = '100%';
-	div.style.height = '10px';
+  div.style.height = '10px';
-	div.style.margin = 'auto';
+  div.style.margin = 'auto';
-	div.style.position = 'absolute';
+  div.style.position = 'absolute';
-	div.style.left = '0px';
+  div.style.left = '0px';
-	div.style.top = '0px';
+  div.style.top = '0px';
-	div.style.right = '0px';
+  div.style.right = '0px';
-	div.style.bottom = '0px';
+  div.style.bottom = '0px';
 
-	const type = document.createElement('span');
+  const type = document.createElement('span');
-	type.style.display = 'inline-block';
+  type.style.display = 'inline-block';
-	type.style.textAlign = 'right';
+  type.style.textAlign = 'right';
-	type.style.fontSize = '10px';
+  type.style.fontSize = '10px';
-	type.style.width = '108px';
+  type.style.width = '108px';
-	type.style.marginRight = '5px';
+  type.style.marginRight = '5px';
-	type.style.verticalAlign = 'text-top';
+  type.style.verticalAlign = 'text-top';
-	type.textContent = name;
+  type.textContent = name;
-	div.appendChild(type);
+  div.appendChild(type);
 
-	for (let i = 0; i < bars.length; i++) {
+  for (let i = 0; i < bars.length; i++) {
-		const colorBar = document.createElement('span');
+    const colorBar = document.createElement('span');
-		colorBar.id = bars[i].id;
+    colorBar.id = bars[i].id;
-		colorBar.style.display = 'inline-block';
+    colorBar.style.display = 'inline-block';
-		colorBar.style.height = '10px';
+    colorBar.style.height = '10px';
-		colorBar.style.verticalAlign = 'text-top';
+    colorBar.style.verticalAlign = 'text-top';
-		colorBar.style.textAlign = 'center';
+    colorBar.style.textAlign = 'center';
-		if (bars.length - 1 === i) {
+    if (bars.length - 1 === i) {
-			colorBar.style.borderTopRightRadius = '10px';
+      colorBar.style.borderTopRightRadius = '10px';
-			colorBar.style.borderBottomRightRadius = '10px';
+      colorBar.style.borderBottomRightRadius = '10px';
-		}
+    }
-		if (typeof bars[i].color !== 'undefined') {
+    if (typeof bars[i].color !== 'undefined') {
-			colorBar.className = ColorBackPre + bars[i].color;
+      colorBar.className = ColorBackPre + bars[i].color;
-		}
+    }
-		div.appendChild(colorBar);
+    div.appendChild(colorBar);
-	}
+  }
 
-	const timer = document.createElement('span');
+  const timer = document.createElement('span');
-	timer.id = `${id}Time`;
+  timer.id = `${id}Time`;
-	timer.style.marginLeft = '5px';
+  timer.style.marginLeft = '5px';
-	timer.style.verticalAlign = 'text-top';
+  timer.style.verticalAlign = 'text-top';
-	div.appendChild(timer);
+  div.appendChild(timer);
 
-	timerBar.appendChild(div);
+  timerBar.appendChild(div);
 
-	return timerBar;
+  return timerBar;
 }
 
 /**
@@ -68,22 +68,30 @@ export function CreateTimer(id, name, bars) {
  * @param	{string}	buildingName	Objectname to be added (e.g., "Cursor")
  */
 export function CreateBotBarBuildingColumn(buildingName) {
-	if (l('CMBotBar') !== null) {
+  if (l('CMBotBar') !== null) {
-		const type = l('CMBotBar').firstChild.firstChild.childNodes[0];
+    const type = l('CMBotBar').firstChild.firstChild.childNodes[0];
-		const bonus = l('CMBotBar').firstChild.firstChild.childNodes[1];
+    const bonus = l('CMBotBar').firstChild.firstChild.childNodes[1];
-		const pp = l('CMBotBar').firstChild.firstChild.childNodes[2];
+    const pp = l('CMBotBar').firstChild.firstChild.childNodes[2];
-		const time = l('CMBotBar').firstChild.firstChild.childNodes[3];
+    const time = l('CMBotBar').firstChild.firstChild.childNodes[3];
 
-		const i = buildingName;
+    const i = buildingName;
-		const header = type.appendChild(document.createElement('td'));
+    const header = type.appendChild(document.createElement('td'));
-		header.appendChild(document.createTextNode(`${i.indexOf(' ') !== -1 ? i.substring(0, i.indexOf(' ')) : i} (`));
+    header.appendChild(
+      document.createTextNode(
+        `${i.indexOf(' ') !== -1 ? i.substring(0, i.indexOf(' ')) : i} (`,
+      ),
+    );
 
-		const span = header.appendChild(document.createElement('span'));
+    const span = header.appendChild(document.createElement('span'));
-		span.className = ColorTextPre + ColorBlue;
+    span.className = ColorTextPre + ColorBlue;
 
-		header.appendChild(document.createTextNode(')'));
+    header.appendChild(document.createTextNode(')'));
-		bonus.appendChild(document.createElement('td'));
+    type.lastChild.style.paddingLeft = '8px';
-		pp.appendChild(document.createElement('td'));
+    bonus.appendChild(document.createElement('td'));
-		time.appendChild(document.createElement('td'));
+    bonus.lastChild.style.paddingLeft = '8px';
-	}
+    pp.appendChild(document.createElement('td'));
+    pp.lastChild.style.paddingLeft = '8px';
+    time.appendChild(document.createElement('td'));
+    time.lastChild.style.paddingLeft = '2px';
+  }
 }

src/Disp/InfoBars/TimerBar.js

@@ -3,8 +3,12 @@
 import { UpdateBotTimerBarPosition } from '../../Config/SpecificToggles';
 import { CMOptions } from '../../Config/VariablesAndData';
 import {
-	BuffColors,
+  BuffColors,
-	ColorBackPre, ColorGray, ColorOrange, ColorPurple, LastNumberOfTimers,
+  ColorBackPre,
+  ColorGray,
+  ColorOrange,
+  ColorPurple,
+  LastNumberOfTimers,
 } from '../VariablesAndData';
 import { CreateTimer } from './CreateDOMElements';
 
@@ -12,107 +16,191 @@ import { CreateTimer } from './CreateDOMElements';
  * This function creates the TimerBar and appends it to l('wrapper')
  */
 export function CreateTimerBar() {
-	const TimerBar = document.createElement('div');
+  const TimerBar = document.createElement('div');
-	TimerBar.id = 'CMTimerBar';
+  TimerBar.id = 'CMTimerBar';
-	TimerBar.style.position = 'absolute';
+  TimerBar.style.position = 'absolute';
-	TimerBar.style.display = 'none';
+  TimerBar.style.display = 'none';
-	TimerBar.style.height = '0px';
+  TimerBar.style.height = '0px';
-	TimerBar.style.fontSize = '10px';
+  TimerBar.style.fontSize = '10px';
-	TimerBar.style.fontWeight = 'bold';
+  TimerBar.style.fontWeight = 'bold';
-	TimerBar.style.backgroundColor = 'black';
+  TimerBar.style.backgroundColor = 'black';
 
-	// Create standard Golden Cookie bar
+  // Create standard Golden Cookie bar
-	const CMTimerBarGC = CreateTimer('CMTimerBarGC',
+  const CMTimerBarGC = CreateTimer('CMTimerBarGC', 'Next Cookie', [
-		'Next Cookie',
+    { id: 'CMTimerBarGCMinBar', color: ColorGray },
-		[{ id: 'CMTimerBarGCMinBar', color: ColorGray }, { id: 'CMTimerBarGCBar', color: ColorPurple }]);
+    { id: 'CMTimerBarGCBar', color: ColorPurple },
-	TimerBar.appendChild(CMTimerBarGC);
+  ]);
+  TimerBar.appendChild(CMTimerBarGC);
 
-	// Create standard Reindeer bar
+  // Create standard Reindeer bar
-	const CMTimerBarRen = CreateTimer('CMTimerBarRen',
+  const CMTimerBarRen = CreateTimer('CMTimerBarRen', 'Next Reindeer', [
-		'Next Reindeer',
+    { id: 'CMTimerBarRenMinBar', color: ColorGray },
-		[{ id: 'CMTimerBarRenMinBar', color: ColorGray }, { id: 'CMTimerBarRenBar', color: ColorOrange }]);
+    { id: 'CMTimerBarRenBar', color: ColorOrange },
-	TimerBar.appendChild(CMTimerBarRen);
+  ]);
+  TimerBar.appendChild(CMTimerBarRen);
+  const TimerBarBuffTimers = document.createElement('div');
+  TimerBarBuffTimers.id = 'CMTimerBarBuffTimers';
+  TimerBar.appendChild(TimerBarBuffTimers);
 
-	l('wrapper').appendChild(TimerBar);
+  l('wrapper').appendChild(TimerBar);
 }
 
 /**
  * This function updates indivudual timers in the timer bar
  */
 export function UpdateTimerBar() {
-	if (CMOptions.TimerBar === 1) {
+  if (CMOptions.TimerBar === 1) {
-		// label width: 113, timer width: 30, div margin: 20
+    // label width: 113, timer width: 30, div margin: 20
-		const maxWidthTwoBar = l('CMTimerBar').offsetWidth - 163;
+    const maxWidthTwoBar = l('CMTimerBar').offsetWidth - 163;
-		// label width: 113, div margin: 20, calculate timer width at runtime
+    // label width: 113, div margin: 20, calculate timer width at runtime
-		const maxWidthOneBar = l('CMTimerBar').offsetWidth - 133;
+    const maxWidthOneBar = l('CMTimerBar').offsetWidth - 133;
-		let numberOfTimers = 0;
+    let numberOfTimers = 0;
 
-		// Regulates visibility of Golden Cookie timer
+    // Regulates visibility of Golden Cookie timer
-		if (Game.shimmerTypes.golden.spawned === 0 && !Game.Has('Golden switch [off]')) {
+    if (
-			l('CMTimerBarGC').style.display = '';
+      Game.shimmerTypes.golden.spawned === 0 &&
-			l('CMTimerBarGCMinBar').style.width = `${Math.round(Math.max(0, Game.shimmerTypes.golden.minTime - Game.shimmerTypes.golden.time) * maxWidthTwoBar / Game.shimmerTypes.golden.maxTime)}px`;
+      !Game.Has('Golden switch [off]')
-			if (CMOptions.TimerBarOverlay >= 1) l('CMTimerBarGCMinBar').textContent = Math.ceil((Game.shimmerTypes.golden.minTime - Game.shimmerTypes.golden.time) / Game.fps);
+    ) {
-			else l('CMTimerBarGCMinBar').textContent = '';
+      l('CMTimerBarGC').style.display = '';
-			if (Game.shimmerTypes.golden.minTime === Game.shimmerTypes.golden.maxTime) {
+      l('CMTimerBarGCMinBar').style.width = `${Math.round(
-				l('CMTimerBarGCMinBar').style.borderTopRightRadius = '10px';
+        (Math.max(
-				l('CMTimerBarGCMinBar').style.borderBottomRightRadius = '10px';
+          0,
-			} else {
+          Game.shimmerTypes.golden.minTime - Game.shimmerTypes.golden.time,
-				l('CMTimerBarGCMinBar').style.borderTopRightRadius = '';
+        ) *
-				l('CMTimerBarGCMinBar').style.borderBottomRightRadius = '';
+          maxWidthTwoBar) /
-			}
+          Game.shimmerTypes.golden.maxTime,
-			l('CMTimerBarGCBar').style.width = `${Math.round(Math.min(Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.minTime, Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.time) * maxWidthTwoBar / Game.shimmerTypes.golden.maxTime)}px`;
+      )}px`;
-			if (CMOptions.TimerBarOverlay >= 1) l('CMTimerBarGCBar').textContent = Math.ceil(Math.min(Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.minTime, Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.time) / Game.fps);
+      if (CMOptions.TimerBarOverlay >= 1)
-			else l('CMTimerBarGCBar').textContent = '';
+        l('CMTimerBarGCMinBar').textContent = Math.ceil(
-			l('CMTimerBarGCTime').textContent = Math.ceil((Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.time) / Game.fps);
+          (Game.shimmerTypes.golden.minTime - Game.shimmerTypes.golden.time) /
-			numberOfTimers++;
+            Game.fps,
-		} else l('CMTimerBarGC').style.display = 'none';
+        );
+      else l('CMTimerBarGCMinBar').textContent = '';
+      if (
+        Game.shimmerTypes.golden.minTime === Game.shimmerTypes.golden.maxTime
+      ) {
+        l('CMTimerBarGCMinBar').style.borderTopRightRadius = '10px';
+        l('CMTimerBarGCMinBar').style.borderBottomRightRadius = '10px';
+      } else {
+        l('CMTimerBarGCMinBar').style.borderTopRightRadius = '';
+        l('CMTimerBarGCMinBar').style.borderBottomRightRadius = '';
+      }
+      l('CMTimerBarGCBar').style.width = `${Math.round(
+        (Math.min(
+          Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.minTime,
+          Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.time,
+        ) *
+          maxWidthTwoBar) /
+          Game.shimmerTypes.golden.maxTime,
+      )}px`;
+      if (CMOptions.TimerBarOverlay >= 1)
+        l('CMTimerBarGCBar').textContent = Math.ceil(
+          Math.min(
+            Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.minTime,
+            Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.time,
+          ) / Game.fps,
+        );
+      else l('CMTimerBarGCBar').textContent = '';
+      l('CMTimerBarGCTime').textContent = Math.ceil(
+        (Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.time) /
+          Game.fps,
+      );
+      numberOfTimers += 1;
+    } else l('CMTimerBarGC').style.display = 'none';
 
-		// Regulates visibility of Reindeer timer
+    // Regulates visibility of Reindeer timer
-		if (Game.season === 'christmas' && Game.shimmerTypes.reindeer.spawned === 0) {
+    if (
-			l('CMTimerBarRen').style.display = '';
+      Game.season === 'christmas' &&
-			l('CMTimerBarRenMinBar').style.width = `${Math.round(Math.max(0, Game.shimmerTypes.reindeer.minTime - Game.shimmerTypes.reindeer.time) * maxWidthTwoBar / Game.shimmerTypes.reindeer.maxTime)}px`;
+      Game.shimmerTypes.reindeer.spawned === 0
-			if (CMOptions.TimerBarOverlay >= 1) l('CMTimerBarRenMinBar').textContent = Math.ceil((Game.shimmerTypes.reindeer.minTime - Game.shimmerTypes.reindeer.time) / Game.fps);
+    ) {
-			else l('CMTimerBarRenMinBar').textContent = '';
+      l('CMTimerBarRen').style.display = '';
-			l('CMTimerBarRenBar').style.width = `${Math.round(Math.min(Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.minTime, Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.time) * maxWidthTwoBar / Game.shimmerTypes.reindeer.maxTime)}px`;
+      l('CMTimerBarRenMinBar').style.width = `${Math.round(
-			if (CMOptions.TimerBarOverlay >= 1) l('CMTimerBarRenBar').textContent = Math.ceil(Math.min(Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.minTime, Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.time) / Game.fps);
+        (Math.max(
-			else l('CMTimerBarRenBar').textContent = '';
+          0,
-			l('CMTimerBarRenTime').textContent = Math.ceil((Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.time) / Game.fps);
+          Game.shimmerTypes.reindeer.minTime - Game.shimmerTypes.reindeer.time,
-			numberOfTimers++;
+        ) *
-		} else {
+          maxWidthTwoBar) /
-			l('CMTimerBarRen').style.display = 'none';
+          Game.shimmerTypes.reindeer.maxTime,
-		}
+      )}px`;
+      if (CMOptions.TimerBarOverlay >= 1)
+        l('CMTimerBarRenMinBar').textContent = Math.ceil(
+          (Game.shimmerTypes.reindeer.minTime -
+            Game.shimmerTypes.reindeer.time) /
+            Game.fps,
+        );
+      else l('CMTimerBarRenMinBar').textContent = '';
+      l('CMTimerBarRenBar').style.width = `${Math.round(
+        (Math.min(
+          Game.shimmerTypes.reindeer.maxTime -
+            Game.shimmerTypes.reindeer.minTime,
+          Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.time,
+        ) *
+          maxWidthTwoBar) /
+          Game.shimmerTypes.reindeer.maxTime,
+      )}px`;
+      if (CMOptions.TimerBarOverlay >= 1)
+        l('CMTimerBarRenBar').textContent = Math.ceil(
+          Math.min(
+            Game.shimmerTypes.reindeer.maxTime -
+              Game.shimmerTypes.reindeer.minTime,
+            Game.shimmerTypes.reindeer.maxTime -
+              Game.shimmerTypes.reindeer.time,
+          ) / Game.fps,
+        );
+      else l('CMTimerBarRenBar').textContent = '';
+      l('CMTimerBarRenTime').textContent = Math.ceil(
+        (Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.time) /
+          Game.fps,
+      );
+      numberOfTimers += 1;
+    } else {
+      l('CMTimerBarRen').style.display = 'none';
+    }
 
-		// On every frame all buff-timers are deleted and re-created
+    // On every frame all buff-timers are deleted and re-created
-		const BuffTimerBars = {};
+    const BuffTimerBars = {};
-		for (const i of Object.keys(Game.buffs)) {
+    l('CMTimerBarBuffTimers').innerHTML = '';
-			if (Game.buffs[i]) {
+    Object.keys(Game.buffs).forEach((i) => {
-				const timer = CreateTimer(Game.buffs[i].name, Game.buffs[i].name, [{ id: `${Game.buffs[i].name}Bar` }]);
+      if (Game.buffs[i]) {
-				timer.style.display = '';
+        const timer = CreateTimer(Game.buffs[i].name, Game.buffs[i].name, [
-				let classColor = '';
+          { id: `${Game.buffs[i].name}Bar` },
-				// Gives specific timers specific colors
+        ]);
-				if (typeof BuffColors[Game.buffs[i].name] !== 'undefined') {
+        timer.style.display = '';
-					classColor = BuffColors[Game.buffs[i].name];
+        let classColor = '';
-				} else classColor = ColorPurple;
+        // Gives specific timers specific colors
-				timer.lastChild.children[1].className = ColorBackPre + classColor;
+        if (typeof BuffColors[Game.buffs[i].name] !== 'undefined') {
-				timer.lastChild.children[1].style.color = 'black';
+          classColor = BuffColors[Game.buffs[i].name];
-				if (CMOptions.TimerBarOverlay === 2) timer.lastChild.children[1].textContent = `${Math.round(100 * (Game.buffs[i].time / Game.buffs[i].maxTime))}%`;
+        } else classColor = ColorPurple;
-				else timer.lastChild.children[1].textContent = '';
+        timer.lastChild.children[1].className = ColorBackPre + classColor;
-				timer.lastChild.children[1].style.width = `${Math.round(Game.buffs[i].time * (maxWidthOneBar - Math.ceil(Game.buffs[i].time / Game.fps).toString().length * 8) / Game.buffs[i].maxTime)}px`;
+        timer.lastChild.children[1].style.color = 'black';
-				timer.lastChild.children[2].textContent = Math.ceil(Game.buffs[i].time / Game.fps);
+        if (CMOptions.TimerBarOverlay === 2)
-				numberOfTimers++;
+          timer.lastChild.children[1].textContent = `${Math.round(
-				BuffTimerBars[Game.buffs[i].name] = timer;
+            100 * (Game.buffs[i].time / Game.buffs[i].maxTime),
-			}
+          )}%`;
-		}
+        else timer.lastChild.children[1].textContent = '';
-		for (const i of Object.keys(BuffTimerBars)) {
+        timer.lastChild.children[1].style.width = `${Math.round(
-			l('CMTimerBar').appendChild(BuffTimerBars[i]);
+          (Game.buffs[i].time *
-		}
+            (maxWidthOneBar -
+              Math.ceil(Game.buffs[i].time / Game.fps).toString().length * 8)) /
+            Game.buffs[i].maxTime,
+        )}px`;
+        timer.lastChild.children[2].textContent = Math.ceil(
+          Game.buffs[i].time / Game.fps,
+        );
+        numberOfTimers += 1;
+        BuffTimerBars[Game.buffs[i].name] = timer;
+      }
+    });
+    Object.keys(BuffTimerBars).forEach((i) => {
+      l('CMTimerBarBuffTimers').appendChild(BuffTimerBars[i]);
+    });
 
-		if (numberOfTimers !== 0) {
+    if (numberOfTimers !== 0) {
-			l('CMTimerBar').style.height = `${numberOfTimers * 12 + 2}px`;
+      l('CMTimerBar').style.height = `${numberOfTimers * 12 + 2}px`;
-		}
+    }
-		if (LastNumberOfTimers !== numberOfTimers) {
+    if (LastNumberOfTimers !== numberOfTimers) {
-			LastNumberOfTimers = numberOfTimers;
+      LastNumberOfTimers = numberOfTimers;
-			UpdateBotTimerBarPosition();
+      UpdateBotTimerBarPosition();
-		}
+    }
-	}
+  }
 }

src/Disp/Initialization/CreateSectionHideButtons.js

@@ -0,0 +1,38 @@
+/**
+ * This function creates two objects at the top of the right column that allowing hiding the upgrade and building section
+ */
+export default function CreateSectionHideButtons() {
+  const div = document.createElement('div');
+  div.id = 'CMSectionHidButtons';
+  div.style.textAlign = 'center';
+  const a = document.createElement('a');
+  a.className = 'option';
+  a.onclick = function () {
+    if (l('upgrades').style.display === 'flex') {
+      l('upgrades').style.display = 'none';
+      l('toggleUpgrades').style.display = 'none';
+      l('techUpgrades').style.display = 'none';
+      l('vaultUpgrades').style.display = 'none';
+    } else {
+      l('upgrades').style.display = 'flex';
+      if (l('toggleUpgrades').children.length !== 0)
+        l('toggleUpgrades').style.display = 'block';
+      if (l('techUpgrades').children.length !== 0)
+        l('techUpgrades').style.display = 'block';
+      if (l('vaultUpgrades').children.length !== 0)
+        l('vaultUpgrades').style.display = 'block';
+    }
+  };
+  a.textContent = 'Hide/Show Upgrades';
+  div.appendChild(a);
+  const b = document.createElement('a');
+  b.className = 'option';
+  b.onclick = function () {
+    if (l('products').style.display === 'grid')
+      l('products').style.display = 'none';
+    else l('products').style.display = 'grid';
+  };
+  b.textContent = 'Hide/Show Buildings';
+  div.appendChild(b);
+  l('store').insertBefore(div, l('store').childNodes[2]);
+}

src/Disp/Initialization/CreateWrinklerButton.js

@@ -1,20 +1,54 @@
 import { CacheWrinklersFattest } from '../../Cache/VariablesAndData';
 import PopAllNormalWrinklers from '../HelperFunctions/PopWrinklers';
+import { CreateTooltip } from '../Tooltips/Tooltip';
 
 /**
  * This function creates two objects at the bottom of the left column that allowing popping of wrinklers
  */
 export default function CreateWrinklerButtons() {
-	const popAllA = document.createElement('a');
+  const popAllA = document.createElement('a');
-	popAllA.id = 'PopAllNormalWrinklerButton';
+  popAllA.id = 'PopAllNormalWrinklerButton';
-	popAllA.textContent = 'Pop All Normal';
+  popAllA.textContent = 'Pop All Normal';
-	popAllA.className = 'option';
+  popAllA.className = 'option';
-	popAllA.onclick = function () { PopAllNormalWrinklers(); };
+  popAllA.onclick = function () {
-	l('sectionLeftExtra').children[0].append(popAllA);
+    PopAllNormalWrinklers();
-	const popFattestA = document.createElement('a');
+  };
-	popFattestA.id = 'PopFattestWrinklerButton';
+  popAllA.onmouseout = function () {
-	popFattestA.textContent = 'Pop Single Fattest';
+    Game.tooltip.shouldHide = 1;
-	popFattestA.className = 'option';
+  };
-	popFattestA.onclick = function () { if (CacheWrinklersFattest[1] !== null) Game.wrinklers[CacheWrinklersFattest[1]].hp = 0; };
+  popAllA.onmouseover = function () {
-	l('sectionLeftExtra').children[0].append(popFattestA);
+    Game.tooltip.dynamic = 1;
+    Game.tooltip.draw(
+      this,
+      function () {
+        return CreateTooltip('wb', 'PopAll');
+      },
+      'this',
+    );
+    Game.tooltip.wobble();
+  };
+  l('sectionLeftExtra').children[0].append(popAllA);
+  const popFattestA = document.createElement('a');
+  popFattestA.id = 'PopFattestWrinklerButton';
+  popFattestA.textContent = 'Pop Single Fattest';
+  popFattestA.className = 'option';
+  popFattestA.onclick = function () {
+    if (CacheWrinklersFattest[1] !== null)
+      Game.wrinklers[CacheWrinklersFattest[1]].hp = 0;
+  };
+  popFattestA.onmouseout = function () {
+    Game.tooltip.shouldHide = 1;
+  };
+  popFattestA.onmouseover = function () {
+    Game.tooltip.dynamic = 1;
+    Game.tooltip.draw(
+      this,
+      function () {
+        return CreateTooltip('wb', 'PopFattest');
+      },
+      'this',
+    );
+    Game.tooltip.wobble();
+  };
+  l('sectionLeftExtra').children[0].append(popFattestA);
 }

src/Disp/Initialization/CssArea.js

@@ -5,9 +5,9 @@ import { DispCSS } from '../VariablesAndData';
 
  */
 export default function CreateCssArea() {
-	DispCSS = document.createElement('style');
+  DispCSS = document.createElement('style');
-	DispCSS.type = 'text/css';
+  DispCSS.type = 'text/css';
-	DispCSS.id = 'CMCSS';
+  DispCSS.id = 'CMCSS';
 
-	document.head.appendChild(DispCSS);
+  document.head.appendChild(DispCSS);
 }

src/Disp/Initialization/UpdateBuildingUpgradeStyle.js

@@ -2,9 +2,9 @@
  * This function updates the style of the building and upgrade sections to make these sortable
  */
 export default function UpdateBuildingUpgradeStyle() {
-	l('products').style.display = 'grid';
+  l('products').style.display = 'grid';
-	l('storeBulk').style.gridRow = '1/1';
+  l('storeBulk').style.gridRow = '1/1';
 
-	l('upgrades').style.display = 'flex';
+  l('upgrades').style.display = 'flex';
-	l('upgrades').style['flex-wrap'] = 'wrap';
+  l('upgrades').style['flex-wrap'] = 'wrap';
 }

src/Disp/Initialization/WhiteScreen.js

@@ -2,13 +2,13 @@
  * This function creates a white square over the full screen and appends it to l('wrapper')
  */
 export default function CreateWhiteScreen() {
-	const WhiteScreen = document.createElement('div');
+  const WhiteScreen = document.createElement('div');
-	WhiteScreen.id = 'CMWhiteScreen';
+  WhiteScreen.id = 'CMWhiteScreen';
-	WhiteScreen.style.width = '100%';
+  WhiteScreen.style.width = '100%';
-	WhiteScreen.style.height = '100%';
+  WhiteScreen.style.height = '100%';
-	WhiteScreen.style.backgroundColor = 'white';
+  WhiteScreen.style.backgroundColor = 'white';
-	WhiteScreen.style.display = 'none';
+  WhiteScreen.style.display = 'none';
-	WhiteScreen.style.zIndex = '9999999999';
+  WhiteScreen.style.zIndex = '9999999999';
-	WhiteScreen.style.position = 'absolute';
+  WhiteScreen.style.position = 'absolute';
-	l('wrapper').appendChild(WhiteScreen);
+  l('wrapper').appendChild(WhiteScreen);
 }

src/Disp/MenuSections/AddMenus.js

@@ -7,19 +7,19 @@ import AddMenuPref from './SettingsPage';
  * This function adds the calll the functions to add extra info to the stats and options pages
  */
 export default function AddMenu() {
-	const title = document.createElement('div');
+  const title = document.createElement('div');
-	title.className = 'title';
+  title.className = 'title';
 
-	if (Game.onMenu === 'prefs') {
+  if (Game.onMenu === 'prefs') {
-		title.textContent = 'Cookie Monster Settings';
+    title.textContent = 'Cookie Monster Settings';
-		AddMenuPref(title);
+    AddMenuPref(title);
-	} else if (Game.onMenu === 'stats') {
+  } else if (Game.onMenu === 'stats') {
-		if (CMOptions.Stats) {
+    if (CMOptions.Stats) {
-			title.textContent = 'Cookie Monster Statistics';
+      title.textContent = 'Cookie Monster Statistics';
-			AddMenuStats(title);
+      AddMenuStats(title);
-		}
+    }
-	} else if (Game.onMenu === 'log') {
+  } else if (Game.onMenu === 'log') {
-		title.textContent = 'Cookie Monster '; // To create space between name and button
+    title.textContent = 'Cookie Monster '; // To create space between name and button
-		AddMenuInfo(title);
+    AddMenuInfo(title);
-	}
+  }
 }

src/Disp/MenuSections/AddStatsPage.js

@@ -7,7 +7,10 @@ import * as GameData from '../../Data/Gamedata';
 import { CMOptions } from '../../Config/VariablesAndData';
 
 import {
-	CacheAverageClicks, CacheCentEgg, CacheLastChoEgg, CacheSeaSpec, CacheWrinklersFattest, CacheWrinklersNormal, CacheWrinklersTotal,
+  CacheAverageClicks,
+  CacheWrinklersFattest,
+  CacheWrinklersNormal,
+  CacheWrinklersTotal,
 } from '../../Cache/VariablesAndData';
 import PopAllNormalWrinklers from '../HelperFunctions/PopWrinklers';
 import { ClickTimes, CookieTimes } from '../VariablesAndData';
@@ -20,156 +23,156 @@ import { Beautify } from '../BeautifyAndFormatting/BeautifyFormatting';
  * @param {object} title	On object that includes the title of the menu
  */
 export default function AddMenuStats(title) {
-	const stats = document.createElement('div');
+  const stats = document.createElement('div');
-	stats.className = 'subsection';
+  stats.className = 'subsection';
-	stats.appendChild(title);
+  stats.appendChild(title);
 
-	stats.appendChild(CreateElements.StatsHeader('Lucky Cookies', 'Lucky'));
+  stats.appendChild(CreateElements.StatsHeader('Lucky Cookies', 'Lucky'));
-	if (CMOptions.Header.Lucky) {
+  if (CMOptions.Header.Lucky) {
-		stats.appendChild(CreateSections.LuckySection());
+    stats.appendChild(CreateSections.LuckySection());
-	}
+  }
 
-	stats.appendChild(CreateElements.StatsHeader('Chain Cookies', 'Chain'));
+  stats.appendChild(CreateElements.StatsHeader('Chain Cookies', 'Chain'));
-	if (CMOptions.Header.Chain) {
+  if (CMOptions.Header.Chain) {
-		stats.appendChild(CreateSections.ChainSection());
+    stats.appendChild(CreateSections.ChainSection());
-	}
+  }
 
-	if (Game.Objects['Wizard tower'].minigameLoaded) {
+  if (Game.Objects['Wizard tower'].minigameLoaded) {
-		stats.appendChild(CreateElements.StatsHeader('Spells', 'Spells'));
+    stats.appendChild(CreateElements.StatsHeader('Spells', 'Spells'));
-		if (CMOptions.Header.Spells) {
+    if (CMOptions.Header.Spells) {
-			stats.appendChild(CreateSections.SpellsSection());
+      stats.appendChild(CreateSections.SpellsSection());
-		}
+    }
-	}
+  }
 
-	if (Game.Objects.Farm.minigameLoaded) {
+  if (Game.Objects.Farm.minigameLoaded) {
-		stats.appendChild(CreateElements.StatsHeader('Garden', 'Garden'));
+    stats.appendChild(CreateElements.StatsHeader('Garden', 'Garden'));
-		if (CMOptions.Header.Garden) {
+    if (CMOptions.Header.Garden) {
-			stats.appendChild(CreateSections.GardenSection());
+      stats.appendChild(CreateSections.GardenSection());
-		}
+    }
-	}
+  }
 
-	stats.appendChild(CreateElements.StatsHeader('Prestige', 'Prestige'));
+  stats.appendChild(CreateElements.StatsHeader('Prestige', 'Prestige'));
-	if (CMOptions.Header.Prestige) {
+  if (CMOptions.Header.Prestige) {
-		stats.appendChild(CreateSections.PrestigeSection());
+    stats.appendChild(CreateSections.PrestigeSection());
-	}
+  }
 
-	if (Game.cpsSucked > 0) {
+  if (Game.cpsSucked > 0) {
-		stats.appendChild(CreateElements.StatsHeader('Wrinklers', 'Wrink'));
+    stats.appendChild(CreateElements.StatsHeader('Wrinklers', 'Wrink'));
-		if (CMOptions.Header.Wrink) {
+    if (CMOptions.Header.Wrink) {
-			const popAllFrag = document.createDocumentFragment();
+      const popAllFrag = document.createDocumentFragment();
-			popAllFrag.appendChild(document.createTextNode(`${Beautify(CacheWrinklersTotal)} / ${Beautify(CacheWrinklersNormal)} `));
+      popAllFrag.appendChild(
-			const popAllA = document.createElement('a');
+        document.createTextNode(
-			popAllA.textContent = 'Pop All Normal';
+          `${Beautify(CacheWrinklersTotal)} / ${Beautify(
-			popAllA.className = 'option';
+            CacheWrinklersNormal,
-			popAllA.onclick = function () { PopAllNormalWrinklers(); };
+          )} `,
-			popAllFrag.appendChild(popAllA);
+        ),
-			stats.appendChild(CreateElements.StatsListing('basic', 'Rewards of Popping (All/Normal)', popAllFrag));
+      );
-			const popFattestFrag = document.createDocumentFragment();
+      const popAllA = document.createElement('a');
-			popFattestFrag.appendChild(document.createTextNode(`${Beautify(CacheWrinklersFattest[0])} `));
+      popAllA.textContent = 'Pop All Normal';
-			const popFattestA = document.createElement('a');
+      popAllA.className = 'option';
-			popFattestA.textContent = 'Pop Single Fattest';
+      popAllA.onclick = function () {
-			popFattestA.className = 'option';
+        PopAllNormalWrinklers();
-			popFattestA.onclick = function () { if (CacheWrinklersFattest[1] !== null) Game.wrinklers[CacheWrinklersFattest[1]].hp = 0; };
+      };
-			popFattestFrag.appendChild(popFattestA);
+      popAllFrag.appendChild(popAllA);
-			stats.appendChild(CreateElements.StatsListing('basic', `Rewards of Popping Single Fattest Non-Shiny Wrinkler (id: ${CacheWrinklersFattest[1] !== null ? CacheWrinklersFattest[1] : 'None'})`, popFattestFrag));
+      stats.appendChild(
-		}
+        CreateElements.StatsListing(
-	}
+          'basic',
+          'Rewards of Popping (All/Normal)',
+          popAllFrag,
+        ),
+      );
+      const popFattestFrag = document.createDocumentFragment();
+      popFattestFrag.appendChild(
+        document.createTextNode(`${Beautify(CacheWrinklersFattest[0])} `),
+      );
+      const popFattestA = document.createElement('a');
+      popFattestA.textContent = 'Pop Single Fattest';
+      popFattestA.className = 'option';
+      popFattestA.onclick = function () {
+        if (CacheWrinklersFattest[1] !== null)
+          Game.wrinklers[CacheWrinklersFattest[1]].hp = 0;
+      };
+      popFattestFrag.appendChild(popFattestA);
+      stats.appendChild(
+        CreateElements.StatsListing(
+          'basic',
+          `Rewards of Popping Single Fattest Non-Shiny Wrinkler (id: ${
+            CacheWrinklersFattest[1] !== null
+              ? CacheWrinklersFattest[1]
+              : 'None'
+          })`,
+          popFattestFrag,
+        ),
+      );
+    }
+  }
 
-	let specDisp = false;
+  stats.appendChild(CreateSections.SeasonSection());
-	const missingHalloweenCookies = [];
-	for (const i of Object.keys(GameData.HalloCookies)) {
-		if (!Game.Has(GameData.HalloCookies[i])) {
-			missingHalloweenCookies.push(GameData.HalloCookies[i]);
-			specDisp = true;
-		}
-	}
-	const missingChristmasCookies = [];
-	for (const i of Object.keys(GameData.ChristCookies)) {
-		if (!Game.Has(GameData.ChristCookies[i])) {
-			missingChristmasCookies.push(GameData.ChristCookies[i]);
-			specDisp = true;
-		}
-	}
-	const missingValentineCookies = [];
-	for (const i of Object.keys(GameData.ValCookies)) {
-		if (!Game.Has(GameData.ValCookies[i])) {
-			missingValentineCookies.push(GameData.ValCookies[i]);
-			specDisp = true;
-		}
-	}
-	const missingNormalEggs = [];
-	for (const i of Object.keys(Game.eggDrops)) {
-		if (!Game.HasUnlocked(Game.eggDrops[i])) {
-			missingNormalEggs.push(Game.eggDrops[i]);
-			specDisp = true;
-		}
-	}
-	const missingRareEggs = [];
-	for (const i of Object.keys(Game.rareEggDrops)) {
-		if (!Game.HasUnlocked(Game.rareEggDrops[i])) {
-			missingRareEggs.push(Game.rareEggDrops[i]);
-			specDisp = true;
-		}
-	}
-	const missingPlantDrops = [];
-	for (const i of Object.keys(GameData.PlantDrops)) {
-		if (!Game.HasUnlocked(GameData.PlantDrops[i])) {
-			missingPlantDrops.push(GameData.PlantDrops[i]);
-			specDisp = true;
-		}
-	}
-	const choEgg = (Game.HasUnlocked('Chocolate egg') && !Game.Has('Chocolate egg'));
-	const centEgg = Game.Has('Century egg');
 
-	if (Game.season === 'christmas' || specDisp || choEgg || centEgg) {
+  stats.appendChild(CreateElements.StatsHeader('Miscellaneous', 'Misc'));
-		stats.appendChild(CreateElements.StatsHeader('Season Specials', 'Sea'));
+  if (CMOptions.Header.Misc) {
-		if (CMOptions.Header.Sea) {
+    stats.appendChild(
-			if (missingHalloweenCookies.length !== 0) stats.appendChild(CreateElements.StatsListing('basic', 'Halloween Cookies Left to Buy', CreateElements.StatsMissDisp(missingHalloweenCookies)));
+      CreateElements.StatsListing(
-			if (missingChristmasCookies.length !== 0) stats.appendChild(CreateElements.StatsListing('basic', 'Christmas Cookies Left to Buy', CreateElements.StatsMissDisp(missingChristmasCookies)));
+        'basic',
-			if (missingValentineCookies.length !== 0) stats.appendChild(CreateElements.StatsListing('basic', 'Valentine Cookies Left to Buy', CreateElements.StatsMissDisp(missingValentineCookies)));
+        `Average Cookies Per Second (Past ${
-			if (missingNormalEggs.length !== 0) stats.appendChild(CreateElements.StatsListing('basic', 'Normal Easter Eggs Left to Unlock', CreateElements.StatsMissDisp(missingNormalEggs)));
+          CookieTimes[CMOptions.AvgCPSHist] < 60
-			if (missingRareEggs.length !== 0) stats.appendChild(CreateElements.StatsListing('basic', 'Rare Easter Eggs Left to Unlock', CreateElements.StatsMissDisp(missingRareEggs)));
+            ? `${CookieTimes[CMOptions.AvgCPSHist]} seconds`
-			if (missingPlantDrops.length !== 0) stats.appendChild(CreateElements.StatsListing('basic', 'Rare Plant Drops Left to Unlock', CreateElements.StatsMissDisp(missingPlantDrops)));
+            : CookieTimes[CMOptions.AvgCPSHist] / 60 +
+              (CMOptions.AvgCPSHist === 3 ? ' minute' : ' minutes')
+        })`,
+        document.createTextNode(Beautify(GetCPS(), 3)),
+      ),
+    );
+    stats.appendChild(
+      CreateElements.StatsListing(
+        'basic',
+        `Average Cookie Clicks Per Second (Past ${
+          ClickTimes[CMOptions.AvgClicksHist]
+        }${CMOptions.AvgClicksHist === 0 ? ' second' : ' seconds'})`,
+        document.createTextNode(Beautify(CacheAverageClicks, 1)),
+      ),
+    );
+    if (Game.Has('Fortune cookies')) {
+      const fortunes = [];
+      Object.keys(GameData.Fortunes).forEach((i) => {
+        if (!Game.Has(GameData.Fortunes[i])) {
+          fortunes.push(GameData.Fortunes[i]);
+        }
+      });
+      if (fortunes.length !== 0)
+        stats.appendChild(
+          CreateElements.StatsListing(
+            'basic',
+            'Fortune Upgrades Left to Buy',
+            CreateElements.StatsMissDisp(fortunes),
+          ),
+        );
+    }
+    if (CMOptions.ShowMissedGC) {
+      stats.appendChild(
+        CreateElements.StatsListing(
+          'basic',
+          'Missed Golden Cookies',
+          document.createTextNode(Beautify(Game.missedGoldenClicks)),
+        ),
+      );
+    }
+    if (Game.prefs.autosave) {
+      const timer = document.createElement('span');
+      timer.id = 'CMStatsAutosaveTimer';
+      timer.innerText = Game.sayTime(
+        Game.fps * 60 - (Game.OnAscend ? 0 : Game.T % (Game.fps * 60)),
+        4,
+      );
+      stats.appendChild(
+        CreateElements.StatsListing('basic', 'Time till autosave', timer),
+      );
+    }
+  }
 
-			if (Game.season === 'christmas') stats.appendChild(CreateElements.StatsListing('basic', 'Reindeer Reward', document.createTextNode(Beautify(CacheSeaSpec))));
+  l('menu').insertBefore(stats, l('menu').childNodes[2]);
-			if (choEgg) {
-				stats.appendChild(CreateElements.StatsListing('withTooltip', 'Chocolate Egg Cookies', document.createTextNode(Beautify(CacheLastChoEgg)), 'ChoEggTooltipPlaceholder'));
-			}
-			if (centEgg) {
-				stats.appendChild(CreateElements.StatsListing('basic', 'Century Egg Multiplier', document.createTextNode(`${Math.round((CacheCentEgg - 1) * 10000) / 100}%`)));
-			}
-		}
-	}
 
-	stats.appendChild(CreateElements.StatsHeader('Miscellaneous', 'Misc'));
+  if (CMOptions.MissingUpgrades) {
-	if (CMOptions.Header.Misc) {
+    AddMissingUpgrades();
-		stats.appendChild(CreateElements.StatsListing('basic',
+  }
-			`Average Cookies Per Second (Past ${CookieTimes[CMOptions.AvgCPSHist] < 60 ? (`${CookieTimes[CMOptions.AvgCPSHist]} seconds`) : ((CookieTimes[CMOptions.AvgCPSHist] / 60) + (CMOptions.AvgCPSHist === 3 ? ' minute' : ' minutes'))})`,
-			document.createTextNode(Beautify(GetCPS(), 3))));
-		stats.appendChild(CreateElements.StatsListing('basic', `Average Cookie Clicks Per Second (Past ${ClickTimes[CMOptions.AvgClicksHist]}${CMOptions.AvgClicksHist === 0 ? ' second' : ' seconds'})`, document.createTextNode(Beautify(CacheAverageClicks, 1))));
-		if (Game.Has('Fortune cookies')) {
-			const fortunes = [];
-			for (const i of Object.keys(GameData.Fortunes)) {
-				if (!Game.Has(GameData.Fortunes[i])) {
-					fortunes.push(GameData.Fortunes[i]);
-				}
-			}
-			if (fortunes.length !== 0) stats.appendChild(CreateElements.StatsListing('basic', 'Fortune Upgrades Left to Buy', CreateElements.StatsMissDisp(fortunes)));
-		}
-		if (CMOptions.ShowMissedGC) {
-			stats.appendChild(CreateElements.StatsListing('basic', 'Missed Golden Cookies', document.createTextNode(Beautify(Game.missedGoldenClicks))));
-		}
-		if (Game.prefs.autosave) {
-			const timer = document.createElement('span');
-			timer.id = 'CMStatsAutosaveTimer';
-			timer.innerText = Game.sayTime(Game.fps * 60 - (Game.OnAscend ? 0 : (Game.T % (Game.fps * 60))), 4);
-			stats.appendChild(CreateElements.StatsListing('basic', 'Time till autosave', timer));
-		}
-	}
-
-	l('menu').insertBefore(stats, l('menu').childNodes[2]);
-
-	if (CMOptions.MissingUpgrades) {
-		AddMissingUpgrades();
-	}
 }

src/Disp/MenuSections/CreateDOMElements.js

@@ -2,7 +2,7 @@
 
 import { ToggleHeader } from '../../Config/ToggleSetting';
 import { CMOptions } from '../../Config/VariablesAndData';
-import { TooltipText } from '../VariablesAndData';
+import { SimpleTooltipElements } from '../VariablesAndData';
 
 /**
  * This function creates a header-object for the stats page
@@ -12,28 +12,31 @@ import { TooltipText } from '../VariablesAndData';
  * @returns	{object}		div		The header object
  */
 export function StatsHeader(text, config) {
-	const div = document.createElement('div');
+  const div = document.createElement('div');
-	div.className = 'title';
+  div.className = 'title';
-	div.style.padding = '0px 16px';
+  div.style.padding = '0px 16px';
-	div.style.opacity = '0.7';
+  div.style.opacity = '0.7';
-	div.style.fontSize = '17px';
+  div.style.fontSize = '17px';
-	div.style.fontFamily = '"Kavoon", Georgia, serif';
+  div.style.fontFamily = '"Kavoon", Georgia, serif';
-	div.appendChild(document.createTextNode(`${text} `));
+  div.appendChild(document.createTextNode(`${text} `));
-	const span = document.createElement('span');
+  const span = document.createElement('span');
-	span.style.cursor = 'pointer';
+  span.style.cursor = 'pointer';
-	span.style.display = 'inline-block';
+  span.style.display = 'inline-block';
-	span.style.height = '14px';
+  span.style.height = '14px';
-	span.style.width = '14px';
+  span.style.width = '14px';
-	span.style.borderRadius = '7px';
+  span.style.borderRadius = '7px';
-	span.style.textAlign = 'center';
+  span.style.textAlign = 'center';
-	span.style.backgroundColor = '#C0C0C0';
+  span.style.backgroundColor = '#C0C0C0';
-	span.style.color = 'black';
+  span.style.color = 'black';
-	span.style.fontSize = '13px';
+  span.style.fontSize = '13px';
-	span.style.verticalAlign = 'middle';
+  span.style.verticalAlign = 'middle';
-	span.textContent = CMOptions.Header[config] ? '-' : '+';
+  span.textContent = CMOptions.Header[config] ? '-' : '+';
-	span.onclick = function () { ToggleHeader(config); Game.UpdateMenu(); };
+  span.onclick = function () {
-	div.appendChild(span);
+    ToggleHeader(config);
-	return div;
+    Game.UpdateMenu();
+  };
+  div.appendChild(span);
+  return div;
 }
 
 /**
@@ -46,35 +49,42 @@ export function StatsHeader(text, config) {
  * @returns	{object}		div			The option object
  */
 export function StatsListing(type, name, text, placeholder) {
-	const div = document.createElement('div');
+  const div = document.createElement('div');
-	div.className = 'listing';
+  div.className = 'listing';
 
-	const listingName = document.createElement('b');
+  const listingName = document.createElement('b');
-	listingName.textContent = name;
+  listingName.textContent = name;
-	div.appendChild(listingName);
+  div.appendChild(listingName);
-	if (type === 'withTooltip') {
+  if (type === 'withTooltip') {
-		div.className = 'listing';
+    div.className = 'listing';
-		div.appendChild(document.createTextNode(' '));
+    div.appendChild(document.createTextNode(' '));
 
-		const tooltip = document.createElement('span');
+    const tooltip = document.createElement('span');
-		tooltip.onmouseout = function () { Game.tooltip.hide(); };
+    tooltip.onmouseout = function () {
-		tooltip.onmouseover = function () { Game.tooltip.draw(this, escape(TooltipText[placeholder].innerHTML)); };
+      Game.tooltip.hide();
-		tooltip.style.cursor = 'default';
+    };
-		tooltip.style.display = 'inline-block';
+    tooltip.onmouseover = function () {
-		tooltip.style.height = '10px';
+      Game.tooltip.draw(
-		tooltip.style.width = '10px';
+        this,
-		tooltip.style.borderRadius = '5px';
+        escape(SimpleTooltipElements[placeholder].innerHTML),
-		tooltip.style.textAlign = 'center';
+      );
-		tooltip.style.backgroundColor = '#C0C0C0';
+    };
-		tooltip.style.color = 'black';
+    tooltip.style.cursor = 'default';
-		tooltip.style.fontSize = '9px';
+    tooltip.style.display = 'inline-block';
-		tooltip.style.verticalAlign = 'bottom';
+    tooltip.style.height = '10px';
-		tooltip.textContent = '?';
+    tooltip.style.width = '10px';
-		div.appendChild(tooltip);
+    tooltip.style.borderRadius = '5px';
-	}
+    tooltip.style.textAlign = 'center';
-	div.appendChild(document.createTextNode(': '));
+    tooltip.style.backgroundColor = '#C0C0C0';
-	div.appendChild(text);
+    tooltip.style.color = 'black';
-	return div;
+    tooltip.style.fontSize = '9px';
+    tooltip.style.verticalAlign = 'bottom';
+    tooltip.textContent = '?';
+    div.appendChild(tooltip);
+  }
+  div.appendChild(document.createTextNode(': '));
+  div.appendChild(text);
+  return div;
 }
 
 /**
@@ -83,39 +93,43 @@ export function StatsListing(type, name, text, placeholder) {
  * @returns	{object}		frag			The tooltip object
  */
 export function StatsMissDisp(theMissDisp) {
-	const frag = document.createDocumentFragment();
+  const frag = document.createDocumentFragment();
-	frag.appendChild(document.createTextNode(`${theMissDisp.length} `));
+  frag.appendChild(document.createTextNode(`${theMissDisp.length} `));
-	const span = document.createElement('span');
+  const span = document.createElement('span');
-	span.onmouseout = function () { Game.tooltip.hide(); };
+  span.onmouseout = function () {
-	const placeholder = document.createElement('div');
+    Game.tooltip.hide();
-	const missing = document.createElement('div');
+  };
-	missing.style.minWidth = '140px';
+  const placeholder = document.createElement('div');
-	missing.style.marginBottom = '4px';
+  const missing = document.createElement('div');
-	const title = document.createElement('div');
+  missing.style.minWidth = '140px';
-	title.className = 'name';
+  missing.style.marginBottom = '4px';
-	title.style.marginBottom = '4px';
+  const title = document.createElement('div');
-	title.style.textAlign = 'center';
+  title.className = 'name';
-	title.textContent = 'Missing';
+  title.style.marginBottom = '4px';
-	missing.appendChild(title);
+  title.style.textAlign = 'center';
-	for (const i of Object.keys(theMissDisp)) {
+  title.textContent = 'Missing';
-		const div = document.createElement('div');
+  missing.appendChild(title);
-		div.style.textAlign = 'center';
+  Object.keys(theMissDisp).forEach((i) => {
-		div.appendChild(document.createTextNode(theMissDisp[i]));
+    const div = document.createElement('div');
-		missing.appendChild(div);
+    div.style.textAlign = 'center';
-	}
+    div.appendChild(document.createTextNode(theMissDisp[i]));
-	placeholder.appendChild(missing);
+    missing.appendChild(div);
-	span.onmouseover = function () { Game.tooltip.draw(this, escape(placeholder.innerHTML)); };
+  });
-	span.style.cursor = 'default';
+  placeholder.appendChild(missing);
-	span.style.display = 'inline-block';
+  span.onmouseover = function () {
-	span.style.height = '10px';
+    Game.tooltip.draw(this, escape(placeholder.innerHTML));
-	span.style.width = '10px';
+  };
-	span.style.borderRadius = '5px';
+  span.style.cursor = 'default';
-	span.style.textAlign = 'center';
+  span.style.display = 'inline-block';
-	span.style.backgroundColor = '#C0C0C0';
+  span.style.height = '10px';
-	span.style.color = 'black';
+  span.style.width = '10px';
-	span.style.fontSize = '9px';
+  span.style.borderRadius = '5px';
-	span.style.verticalAlign = 'bottom';
+  span.style.textAlign = 'center';
-	span.textContent = '?';
+  span.style.backgroundColor = '#C0C0C0';
-	frag.appendChild(span);
+  span.style.color = 'black';
-	return frag;
+  span.style.fontSize = '9px';
+  span.style.verticalAlign = 'bottom';
+  span.textContent = '?';
+  frag.appendChild(span);
+  return frag;
 }

src/Disp/MenuSections/CreateMissingUpgrades.js

@@ -1,58 +1,88 @@
 /** Functions related to displaying the missing upgrades in the Statistics page */
 
-import { CacheMissingUpgrades, CacheMissingUpgradesCookies, CacheMissingUpgradesPrestige } from '../../Cache/VariablesAndData';
+import {
+  CacheMissingUpgrades,
+  CacheMissingUpgradesCookies,
+  CacheMissingUpgradesPrestige,
+} from '../../Cache/VariablesAndData';
 
 /**
  * This function creates the missing upgrades sections for prestige, normal and cookie upgrades
  */
 export function AddMissingUpgrades() {
-	for (const menuSection of (l('menu').children)) {
+  l('menu').childNodes.forEach((menuSection) => {
-		if (menuSection.children[0]) {
+    if (menuSection.children[0]) {
-			if (menuSection.children[0].innerHTML === 'Prestige' && CacheMissingUpgradesPrestige) {
+      if (
-				const prestigeUpgradesMissing = CacheMissingUpgradesPrestige.match(new RegExp('div', 'g') || []).length / 2;
+        menuSection.children[0].innerHTML === 'Prestige' &&
-				const title = document.createElement('div');
+        CacheMissingUpgradesPrestige
-				title.id = 'CMMissingUpgradesPrestigeTitle';
+      ) {
-				title.className = 'listing';
+        const prestigeUpgradesMissing =
-				const titlefrag = document.createElement('div');
+          CacheMissingUpgradesPrestige.match(new RegExp('div', 'g') || [])
-				titlefrag.innerHTML = `<b>Missing Prestige upgrades:</b> ${prestigeUpgradesMissing}/${Game.PrestigeUpgrades.length} (${Math.floor((prestigeUpgradesMissing / Game.PrestigeUpgrades.length) * 100)}%)`;
+            .length / 2;
-				title.appendChild(titlefrag);
+        const title = document.createElement('div');
-				menuSection.appendChild(title);
+        title.id = 'CMMissingUpgradesPrestigeTitle';
-				const upgrades = document.createElement('div');
+        title.className = 'listing';
-				upgrades.className = 'listing crateBox';
+        const titlefrag = document.createElement('div');
-				upgrades.innerHTML = CacheMissingUpgradesPrestige;
+        titlefrag.innerHTML = `<b>Missing Prestige upgrades:</b> ${prestigeUpgradesMissing}/${
-				menuSection.appendChild(upgrades);
+          Game.PrestigeUpgrades.length
-			} else if (menuSection.children[0].innerHTML === 'Upgrades') {
+        } (${Math.floor(
-				if (CacheMissingUpgrades) {
+          (prestigeUpgradesMissing / Game.PrestigeUpgrades.length) * 100,
-					const normalUpgradesMissing = CacheMissingUpgrades.match(new RegExp('div', 'g') || []).length / 2;
+        )}%)`;
-					const title = document.createElement('div');
+        title.appendChild(titlefrag);
-					title.id = 'CMMissingUpgradesTitle';
+        menuSection.appendChild(title);
-					title.className = 'listing';
+        const upgrades = document.createElement('div');
-					const titlefrag = document.createElement('div');
+        upgrades.className = 'listing crateBox';
-					titlefrag.innerHTML = `<b>Missing normal upgrades:</b> ${normalUpgradesMissing}/${Game.UpgradesByPool[''].length + Game.UpgradesByPool.tech.length} (${Math.floor((normalUpgradesMissing / (Game.UpgradesByPool[''].length + Game.UpgradesByPool.tech.length)) * 100)}%)`;
+        upgrades.innerHTML = CacheMissingUpgradesPrestige;
-					title.appendChild(titlefrag);
+        menuSection.appendChild(upgrades);
-					menuSection.insertBefore(title, menuSection.childNodes[3]);
+      } else if (menuSection.children[0].innerHTML === 'Upgrades') {
-					const upgrades = document.createElement('div');
+        if (CacheMissingUpgrades) {
-					upgrades.className = 'listing crateBox';
+          const normalUpgradesMissing =
-					upgrades.innerHTML = CacheMissingUpgrades;
+            CacheMissingUpgrades.match(new RegExp('div', 'g') || []).length / 2;
-					menuSection.insertBefore(upgrades, document.getElementById('CMMissingUpgradesTitle').nextSibling);
+          const title = document.createElement('div');
-				}
+          title.id = 'CMMissingUpgradesTitle';
-				if (CacheMissingUpgradesCookies) {
+          title.className = 'listing';
-					const cookieUpgradesMissing = CacheMissingUpgradesCookies.match(new RegExp('div', 'g') || []).length / 2;
+          const titlefrag = document.createElement('div');
-					const title = document.createElement('div');
+          titlefrag.innerHTML = `<b>Missing normal upgrades:</b> ${normalUpgradesMissing}/${
-					title.id = 'CMMissingUpgradesCookiesTitle';
+            Game.UpgradesByPool[''].length + Game.UpgradesByPool.tech.length
-					title.className = 'listing';
+          } (${Math.floor(
-					const titlefrag = document.createElement('div');
+            (normalUpgradesMissing /
-					titlefrag.innerHTML = `<b>Missing Cookie upgrades:</b> ${cookieUpgradesMissing}/${Game.UpgradesByPool.cookie.length} (${Math.floor((cookieUpgradesMissing / Game.UpgradesByPool.cookie.length) * 100)}%)`;
+              (Game.UpgradesByPool[''].length +
-					title.appendChild(titlefrag);
+                Game.UpgradesByPool.tech.length)) *
-					menuSection.appendChild(title);
+              100,
-					const upgrades = document.createElement('div');
+          )}%)`;
-					upgrades.className = 'listing crateBox';
+          title.appendChild(titlefrag);
-					upgrades.innerHTML = CacheMissingUpgradesCookies;
+          menuSection.insertBefore(title, menuSection.childNodes[3]);
-					menuSection.appendChild(upgrades);
+          const upgrades = document.createElement('div');
-				}
+          upgrades.className = 'listing crateBox';
-			}
+          upgrades.innerHTML = CacheMissingUpgrades;
-		}
+          menuSection.insertBefore(
-	}
+            upgrades,
+            document.getElementById('CMMissingUpgradesTitle').nextSibling,
+          );
+        }
+        if (CacheMissingUpgradesCookies) {
+          const cookieUpgradesMissing =
+            CacheMissingUpgradesCookies.match(new RegExp('div', 'g') || [])
+              .length / 2;
+          const title = document.createElement('div');
+          title.id = 'CMMissingUpgradesCookiesTitle';
+          title.className = 'listing';
+          const titlefrag = document.createElement('div');
+          titlefrag.innerHTML = `<b>Missing Cookie upgrades:</b> ${cookieUpgradesMissing}/${
+            Game.UpgradesByPool.cookie.length
+          } (${Math.floor(
+            (cookieUpgradesMissing / Game.UpgradesByPool.cookie.length) * 100,
+          )}%)`;
+          title.appendChild(titlefrag);
+          menuSection.appendChild(title);
+          const upgrades = document.createElement('div');
+          upgrades.className = 'listing crateBox';
+          upgrades.innerHTML = CacheMissingUpgradesCookies;
+          menuSection.appendChild(upgrades);
+        }
+      }
+    }
+  });
 }
 
 /**
@@ -62,18 +92,20 @@ export function AddMissingUpgrades() {
  * @returns	{string}	?	The HTML string that creates the icon.
  */
 export function crateMissing(me) {
-	let classes = 'crate upgrade missing';
+  let classes = 'crate upgrade missing';
-	if (me.pool === 'prestige') classes += ' heavenly';
+  if (me.pool === 'prestige') classes += ' heavenly';
 
-	let noFrame = 0;
+  let noFrame = 0;
-	if (!Game.prefs.crates) noFrame = 1;
+  if (!Game.prefs.crates) noFrame = 1;
-	if (noFrame) classes += ' noFrame';
+  if (noFrame) classes += ' noFrame';
 
-	let icon = me.icon;
+  let { icon } = me;
-	if (me.iconFunction) icon = me.iconFunction();
+  if (me.iconFunction) icon = me.iconFunction();
-	const tooltip = `function() {return Game.crateTooltip(Game.UpgradesById[${me.id}], 'stats');}`;
+  const tooltip = `function() {return Game.crateTooltip(Game.UpgradesById[${me.id}], 'stats');}`;
-	return `<div class="${classes}"
+  return `<div class="${classes}"
 	${Game.getDynamicTooltip(tooltip, 'top', true)}
-	style = "${(`${icon[2] ? `background-image: url(${icon[2]});` : ''}background-position:${-icon[0] * 48}px ${-icon[1] * 48}px`)};">
+	style = "${`${
+    icon[2] ? `background-image: url(${icon[2]});` : ''
+  }background-position:${-icon[0] * 48}px ${-icon[1] * 48}px`};">
 	</div>`;
 }

src/Disp/MenuSections/InfoPage.js

@@ -9,34 +9,37 @@ import { LatestReleaseNotes, ModDescription } from '../../Data/Moddata';
  * @param {object} title	On object that includes the title of the menu
  */
 export default function AddMenuInfo(title) {
-	const info = document.createElement('div');
+  const info = document.createElement('div');
-	info.className = 'subsection';
+  info.className = 'subsection';
 
-	const span = document.createElement('span');
+  const span = document.createElement('span');
-	span.style.cursor = 'pointer';
+  span.style.cursor = 'pointer';
-	span.style.display = 'inline-block';
+  span.style.display = 'inline-block';
-	span.style.height = '14px';
+  span.style.height = '14px';
-	span.style.width = '14px';
+  span.style.width = '14px';
-	span.style.borderRadius = '7px';
+  span.style.borderRadius = '7px';
-	span.style.textAlign = 'center';
+  span.style.textAlign = 'center';
-	span.style.backgroundColor = '#C0C0C0';
+  span.style.backgroundColor = '#C0C0C0';
-	span.style.color = 'black';
+  span.style.color = 'black';
-	span.style.fontSize = '13px';
+  span.style.fontSize = '13px';
-	span.style.verticalAlign = 'middle';
+  span.style.verticalAlign = 'middle';
-	span.textContent = CMOptions.Header.InfoTab ? '-' : '+';
+  span.textContent = CMOptions.Header.InfoTab ? '-' : '+';
-	span.onclick = function () { ToggleHeader('InfoTab'); Game.UpdateMenu(); };
+  span.onclick = function () {
-	title.appendChild(span);
+    ToggleHeader('InfoTab');
-	info.appendChild(title);
+    Game.UpdateMenu();
+  };
+  title.appendChild(span);
+  info.appendChild(title);
 
-	if (CMOptions.Header.InfoTab) {
+  if (CMOptions.Header.InfoTab) {
-		const description = document.createElement('div');
+    const description = document.createElement('div');
-		description.innerHTML = ModDescription;
+    description.innerHTML = ModDescription;
-		info.appendChild(description);
+    info.appendChild(description);
-		const notes = document.createElement('div');
+    const notes = document.createElement('div');
-		notes.innerHTML = LatestReleaseNotes;
+    notes.innerHTML = LatestReleaseNotes;
-		info.appendChild(notes);
+    info.appendChild(notes);
-	}
+  }
 
-	const menu = l('menu').children[1];
+  const menu = l('menu').children[1];
-	menu.insertBefore(info, menu.children[1]);
+  menu.insertBefore(info, menu.children[1]);
 }

src/Disp/MenuSections/Refreshmenu.js

@@ -5,5 +5,11 @@ import { CMOptions } from '../../Config/VariablesAndData';
  * It is called by CM.Disp.Draw()
  */
 export default function RefreshMenu() {
-	if (CMOptions.UpStats && Game.onMenu === 'stats' && (Game.drawT - 1) % (Game.fps * 5) !== 0 && (Game.drawT - 1) % Game.fps === 0) Game.UpdateMenu();
+  if (
+    CMOptions.UpStats &&
+    Game.onMenu === 'stats' &&
+    (Game.drawT - 1) % (Game.fps * 5) !== 0 &&
+    (Game.drawT - 1) % Game.fps === 0
+  )
+    Game.UpdateMenu();
 }

src/Disp/MenuSections/SettingsPage.js

@@ -1,16 +1,26 @@
 /** Functions related to the Options/Preferences page */
 
 import jscolor, * as JsColor from '@eastdesire/jscolor';
-import { LoadConfig, SaveConfig } from '../../Config/SaveLoadReload/SaveLoadReloadSettings';
 import {
-	ConfigPrefix, ToggleConfig, ToggleConfigVolume, ToggleHeader,
+  LoadConfig,
+  SaveConfig,
+} from '../../Config/SaveLoadReload/SaveLoadReloadSettings';
+import {
+  ConfigPrefix,
+  ToggleConfig,
+  ToggleConfigVolume,
+  ToggleHeader,
 } from '../../Config/ToggleSetting';
 import { CMOptions } from '../../Config/VariablesAndData';
-import { ConfigGroups, ConfigGroupsNotification } from '../../Data/Sectionheaders';
+import {
+  ConfigGroups,
+  ConfigGroupsNotification,
+} from '../../Data/Sectionheaders';
 import Config from '../../Data/SettingsData';
 import ConfigDefault from '../../Data/SettingsDefault';
 import RefreshScale from '../HelperFunctions/RefreshScale';
 import UpdateColors from '../HelperFunctions/UpdateColors';
+import PlaySound from '../Notifications/Sound';
 import { Colors } from '../VariablesAndData';
 
 /**
@@ -20,27 +30,30 @@ import { Colors } from '../VariablesAndData';
  * @returns	{object}		div		The header object
  */
 function CreatePrefHeader(config, text) {
-	const div = document.createElement('div');
+  const div = document.createElement('div');
-	div.className = 'title';
+  div.className = 'title';
 
-	div.style.opacity = '0.7';
+  div.style.opacity = '0.7';
-	div.style.fontSize = '17px';
+  div.style.fontSize = '17px';
-	div.appendChild(document.createTextNode(`${text} `));
+  div.appendChild(document.createTextNode(`${text} `));
-	const span = document.createElement('span'); // Creates the +/- button
+  const span = document.createElement('span'); // Creates the +/- button
-	span.style.cursor = 'pointer';
+  span.style.cursor = 'pointer';
-	span.style.display = 'inline-block';
+  span.style.display = 'inline-block';
-	span.style.height = '14px';
+  span.style.height = '14px';
-	span.style.width = '14px';
+  span.style.width = '14px';
-	span.style.borderRadius = '7px';
+  span.style.borderRadius = '7px';
-	span.style.textAlign = 'center';
+  span.style.textAlign = 'center';
-	span.style.backgroundColor = '#C0C0C0';
+  span.style.backgroundColor = '#C0C0C0';
-	span.style.color = 'black';
+  span.style.color = 'black';
-	span.style.fontSize = '13px';
+  span.style.fontSize = '13px';
-	span.style.verticalAlign = 'middle';
+  span.style.verticalAlign = 'middle';
-	span.textContent = CMOptions.Header[config] ? '-' : '+';
+  span.textContent = CMOptions.Header[config] ? '-' : '+';
-	span.onclick = function () { ToggleHeader(config); Game.UpdateMenu(); };
+  span.onclick = function () {
-	div.appendChild(span);
+    ToggleHeader(config);
-	return div;
+    Game.UpdateMenu();
+  };
+  div.appendChild(span);
+  return div;
 }
 
 /**
@@ -49,129 +62,163 @@ function CreatePrefHeader(config, text) {
  * @returns	{object}		div		The option object
  */
 function CreatePrefOption(config) {
-	const div = document.createElement('div');
+  const div = document.createElement('div');
-	div.className = 'listing';
+  div.className = 'listing';
-	if (Config[config].type === 'bool') {
+  if (Config[config].type === 'bool') {
-		const a = document.createElement('a');
+    const a = document.createElement('a');
-		if (Config[config].toggle && CMOptions[config] === 0) {
+    if (Config[config].toggle && CMOptions[config] === 0) {
-			a.className = 'option off';
+      a.className = 'option off';
-		} else {
+    } else {
-			a.className = 'option';
+      a.className = 'option';
-		}
+    }
-		a.id = ConfigPrefix + config;
+    a.id = ConfigPrefix + config;
-		a.onclick = function () { ToggleConfig(config); };
+    a.onclick = function () {
-		a.textContent = Config[config].label[CMOptions[config]];
+      ToggleConfig(config);
-		div.appendChild(a);
+    };
-		const label = document.createElement('label');
+    a.textContent = Config[config].label[CMOptions[config]];
-		label.textContent = Config[config].desc;
+    div.appendChild(a);
-		div.appendChild(label);
+    const label = document.createElement('label');
-		return div;
+    label.textContent = Config[config].desc;
-	} if (Config[config].type === 'vol') {
+    div.appendChild(label);
-		const volume = document.createElement('div');
+    return div;
-		volume.className = 'sliderBox';
+  }
-		const title = document.createElement('div');
+  if (Config[config].type === 'vol') {
-		title.style.float = 'left';
+    const volume = document.createElement('div');
-		title.innerHTML = Config[config].desc;
+    volume.className = 'sliderBox';
-		volume.appendChild(title);
+    const title = document.createElement('div');
-		const percent = document.createElement('div');
+    title.style.float = 'left';
-		percent.id = `slider${config}right`;
+    title.innerHTML = Config[config].desc;
-		percent.style.float = 'right';
+    volume.appendChild(title);
-		percent.innerHTML = `${CMOptions[config]}%`;
+    const percent = document.createElement('div');
-		volume.appendChild(percent);
+    percent.id = `slider${config}right`;
-		const slider = document.createElement('input');
+    percent.style.float = 'right';
-		slider.className = 'slider';
+    percent.innerHTML = `${CMOptions[config]}%`;
-		slider.id = `slider${config}`;
+    volume.appendChild(percent);
-		slider.style.clear = 'both';
+    const slider = document.createElement('input');
-		slider.type = 'range';
+    slider.className = 'slider';
-		slider.min = '0';
+    slider.id = `slider${config}`;
-		slider.max = '100';
+    slider.style.clear = 'both';
-		slider.step = '1';
+    slider.type = 'range';
-		slider.value = CMOptions[config];
+    slider.min = '0';
-		slider.oninput = function () { ToggleConfigVolume(config); };
+    slider.max = '100';
-		slider.onchange = function () { ToggleConfigVolume(config); };
+    slider.step = '1';
-		volume.appendChild(slider);
+    slider.value = CMOptions[config];
-		div.appendChild(volume);
+    slider.oninput = function () {
-		return div;
+      ToggleConfigVolume(config);
-	} if (Config[config].type === 'url') {
+    };
-		const span = document.createElement('span');
+    slider.onchange = function () {
-		span.className = 'option';
+      ToggleConfigVolume(config);
-		span.textContent = `${Config[config].label} `;
+    };
-		div.appendChild(span);
+    volume.appendChild(slider);
-		const input = document.createElement('input');
+    div.appendChild(volume);
-		input.id = ConfigPrefix + config;
+    const a = document.createElement('a');
-		input.className = 'option';
+    a.className = 'option';
-		input.type = 'text';
+    a.onclick = function () {
-		input.readOnly = true;
+      PlaySound(
-		input.setAttribute('value', CMOptions[config]);
+        CMOptions[config.replace('Volume', 'SoundURL')],
-		input.style.width = '300px';
+        config.replace('Volume', 'Sound'),
-		div.appendChild(input);
+        config,
-		div.appendChild(document.createTextNode(' '));
+        true,
-		const inputPrompt = document.createElement('input');
+      );
-		inputPrompt.id = `${ConfigPrefix + config}Prompt`;
+    };
-		inputPrompt.className = 'option';
+    a.textContent = 'Test sound';
-		inputPrompt.type = 'text';
+    div.appendChild(a);
-		inputPrompt.setAttribute('value', CMOptions[config]);
+    return div;
-		const a = document.createElement('a');
+  }
-		a.className = 'option';
+  if (Config[config].type === 'url') {
-		a.onclick = function () {
+    const span = document.createElement('span');
-			Game.Prompt(inputPrompt.outerHTML, [['Save', function () { CMOptions[`${config}`] = l(`${ConfigPrefix}${config}Prompt`).value; SaveConfig(); Game.ClosePrompt(); Game.UpdateMenu(); }], 'Cancel']);
+    span.className = 'option';
-		};
+    span.textContent = `${Config[config].label} `;
-		a.textContent = 'Edit';
+    div.appendChild(span);
-		div.appendChild(a);
+    const input = document.createElement('input');
-		const label = document.createElement('label');
+    input.id = ConfigPrefix + config;
-		label.textContent = Config[config].desc;
+    input.className = 'option';
-		div.appendChild(label);
+    input.type = 'text';
-		return div;
+    input.readOnly = true;
-	} if (Config[config].type === 'color') {
+    input.setAttribute('value', CMOptions[config]);
-		div.className = '';
+    input.style.width = '300px';
-		for (let i = 0; i < Colors.length; i++) {
+    div.appendChild(input);
-			const innerDiv = document.createElement('div');
+    div.appendChild(document.createTextNode(' '));
-			innerDiv.className = 'listing';
+    const inputPrompt = document.createElement('input');
-			const input = document.createElement('input');
+    inputPrompt.id = `${ConfigPrefix + config}Prompt`;
-			input.id = Colors[i];
+    inputPrompt.className = 'option';
-			input.style.width = '65px';
+    inputPrompt.type = 'text';
-			input.setAttribute('value', CMOptions.Colors[Colors[i]]);
+    inputPrompt.setAttribute('value', CMOptions[config]);
-			innerDiv.appendChild(input);
+    const a = document.createElement('a');
-			const change = function () {
+    a.className = 'option';
-				CMOptions.Colors[this.targetElement.id] = this.toHEXString();
+    a.onclick = function () {
-				UpdateColors();
+      Game.Prompt(inputPrompt.outerHTML, [
-				SaveConfig();
+        [
-				Game.UpdateMenu();
+          'Save',
-			};
+          function () {
-			new JsColor(input, { hash: true, position: 'right', onInput: change });
+            CMOptions[`${config}`] = l(`${ConfigPrefix}${config}Prompt`).value;
-			const label = document.createElement('label');
+            SaveConfig();
-			label.textContent = Config.Colors.desc[Colors[i]];
+            Game.ClosePrompt();
-			innerDiv.appendChild(label);
+            Game.UpdateMenu();
-			div.appendChild(innerDiv);
+          },
-		}
+        ],
-		jscolor.init();
+        'Cancel',
-		return div;
+      ]);
-	} if (Config[config].type === 'numscale') {
+    };
-		const span = document.createElement('span');
+    a.textContent = 'Edit';
-		span.className = 'option';
+    div.appendChild(a);
-		span.textContent = `${Config[config].label} `;
+    const label = document.createElement('label');
-		div.appendChild(span);
+    label.textContent = Config[config].desc;
-		const input = document.createElement('input');
+    div.appendChild(label);
-		input.id = ConfigPrefix + config;
+    return div;
-		input.className = 'option';
+  }
-		input.type = 'number';
+  if (Config[config].type === 'color') {
-		input.value = (CMOptions[config]);
+    div.className = '';
-		input.min = Config[config].min;
+    for (let i = 0; i < Colors.length; i++) {
-		input.max = Config[config].max;
+      const innerDiv = document.createElement('div');
-		input.oninput = function () {
+      innerDiv.className = 'listing';
-			if (this.value > this.max) console.log('TEST');
+      const input = document.createElement('input');
-			CMOptions[config] = this.value;
+      input.id = Colors[i];
-			SaveConfig();
+      input.style.width = '65px';
-			RefreshScale();
+      input.setAttribute('value', CMOptions.Colors[Colors[i]]);
-		};
+      innerDiv.appendChild(input);
-		div.appendChild(input);
+      const change = function () {
-		div.appendChild(document.createTextNode(' '));
+        CMOptions.Colors[this.targetElement.id] = this.toHEXString();
-		const label = document.createElement('label');
+        UpdateColors();
-		label.textContent = Config[config].desc;
+        SaveConfig();
-		div.appendChild(label);
+        Game.UpdateMenu();
-		return div;
+      };
-	}
+      // eslint-disable-next-line no-new
-	return div;
+      new JsColor(input, { hash: true, position: 'right', onInput: change });
+      const label = document.createElement('label');
+      label.textContent = Config.Colors.desc[Colors[i]];
+      innerDiv.appendChild(label);
+      div.appendChild(innerDiv);
+    }
+    jscolor.init();
+    return div;
+  }
+  if (Config[config].type === 'numscale') {
+    const span = document.createElement('span');
+    span.className = 'option';
+    span.textContent = `${Config[config].label} `;
+    div.appendChild(span);
+    const input = document.createElement('input');
+    input.id = ConfigPrefix + config;
+    input.className = 'option';
+    input.type = 'number';
+    input.value = CMOptions[config];
+    input.min = Config[config].min;
+    input.max = Config[config].max;
+    input.oninput = function () {
+      if (this.value > this.max) console.log('TEST');
+      CMOptions[config] = this.value;
+      SaveConfig();
+      RefreshScale();
+    };
+    div.appendChild(input);
+    div.appendChild(document.createTextNode(' '));
+    const label = document.createElement('label');
+    label.textContent = Config[config].desc;
+    div.appendChild(label);
+    return div;
+  }
+  return div;
 }
 
 /**
@@ -180,42 +227,55 @@ function CreatePrefOption(config) {
  * @param {object} title	On object that includes the title of the menu
  */
 export default function AddMenuPref(title) {
-	const frag = document.createDocumentFragment();
+  const frag = document.createDocumentFragment();
-	frag.appendChild(title);
+  frag.appendChild(title);
 
-	for (const group of Object.keys(ConfigGroups)) {
+  Object.keys(ConfigGroups).forEach((group) => {
-		const groupObject = CreatePrefHeader(group, ConfigGroups[group]); // (group, display-name of group)
+    const groupObject = CreatePrefHeader(group, ConfigGroups[group]); // (group, display-name of group)
-		frag.appendChild(groupObject);
+    frag.appendChild(groupObject);
-		if (CMOptions.Header[group]) { // 0 is show, 1 is collapsed
+    if (CMOptions.Header[group]) {
-			// Make sub-sections of Notification section
+      // 0 is show, 1 is collapsed
-			if (group === 'Notification') {
+      // Make sub-sections of Notification section
-				for (const subGroup of Object.keys(ConfigGroupsNotification)) {
+      if (group === 'Notification') {
-					const subGroupObject = CreatePrefHeader(subGroup, ConfigGroupsNotification[subGroup]); // (group, display-name of group)
+        Object.keys(ConfigGroupsNotification).forEach((subGroup) => {
-					subGroupObject.style.fontSize = '15px';
+          const subGroupObject = CreatePrefHeader(
-					subGroupObject.style.opacity = '0.5';
+            subGroup,
-					frag.appendChild(subGroupObject);
+            ConfigGroupsNotification[subGroup],
-					if (CMOptions.Header[subGroup]) {
+          ); // (group, display-name of group)
-						for (const option in Config) {
+          subGroupObject.style.fontSize = '15px';
-							if (Config[option].group === subGroup) frag.appendChild(CreatePrefOption(option));
+          subGroupObject.style.opacity = '0.5';
-						}
+          frag.appendChild(subGroupObject);
-					}
+          if (CMOptions.Header[subGroup]) {
-				}
+            Object.keys(Config).forEach((option) => {
-			} else {
+              if (Config[option].group === subGroup)
-				for (const option of Object.keys(Config)) {
+                frag.appendChild(CreatePrefOption(option));
-					if (Config[option].group === group) frag.appendChild(CreatePrefOption(option));
+            });
-				}
+          }
-			}
+        });
-		}
+      } else {
-	}
+        Object.keys(Config).forEach((option) => {
+          if (Config[option].group === group)
+            frag.appendChild(CreatePrefOption(option));
+        });
+      }
+    }
+  });
 
-	const resDef = document.createElement('div');
+  const resDef = document.createElement('div');
-	resDef.className = 'listing';
+  resDef.className = 'listing';
-	const resDefBut = document.createElement('a');
+  const resDefBut = document.createElement('a');
-	resDefBut.className = 'option';
+  resDefBut.className = 'option';
-	resDefBut.onclick = function () { LoadConfig(ConfigDefault); };
+  resDefBut.onclick = function () {
-	resDefBut.textContent = 'Restore Default';
+    LoadConfig(ConfigDefault);
-	resDef.appendChild(resDefBut);
+  };
-	frag.appendChild(resDef);
+  resDefBut.textContent = 'Restore Default';
+  resDef.appendChild(resDefBut);
+  frag.appendChild(resDef);
 
-	l('menu').childNodes[2].insertBefore(frag, l('menu').childNodes[2].childNodes[l('menu').childNodes[2].childNodes.length - 1]);
+  l('menu').childNodes[2].insertBefore(
+    frag,
+    l('menu').childNodes[2].childNodes[
+      l('menu').childNodes[2].childNodes.length - 1
+    ],
+  );
 }

src/Disp/Notifications/Flash.js

@@ -9,17 +9,26 @@ import { isInitializing } from '../../InitSaveLoad/Variables';
  * @param	{string}	config	The setting in CM.Options that is checked before creating the flash
  */
 export default function Flash(mode, config) {
-	// The arguments check makes the sound not play upon initialization of the mod
+  // The arguments check makes the sound not play upon initialization of the mod
-	if ((CMOptions[config] === 1 && mode === 3 && isInitializing === false) || mode === 1) {
+  if (
-		l('CMWhiteScreen').style.opacity = '0.5';
+    (CMOptions[config] === 1 && mode === 3 && isInitializing === false) ||
-		if (mode === 3) {
+    mode === 1
-			l('CMWhiteScreen').style.display = 'inline';
+  ) {
-			setTimeout(function () { Flash(2, config); }, 1000 / Game.fps);
+    l('CMWhiteScreen').style.opacity = '0.5';
-		} else {
+    if (mode === 3) {
-			setTimeout(function () { Flash(0, config); }, 1000 / Game.fps);
+      l('CMWhiteScreen').style.display = 'inline';
-		}
+      setTimeout(function () {
-	} else if (mode === 2) {
+        Flash(2, config);
-		l('CMWhiteScreen').style.opacity = '1';
+      }, 1000 / Game.fps);
-		setTimeout(function () { Flash(1, config); }, 1000 / Game.fps);
+    } else {
-	} else if (mode === 0) l('CMWhiteScreen').style.display = 'none';
+      setTimeout(function () {
+        Flash(0, config);
+      }, 1000 / Game.fps);
+    }
+  } else if (mode === 2) {
+    l('CMWhiteScreen').style.opacity = '1';
+    setTimeout(function () {
+      Flash(1, config);
+    }, 1000 / Game.fps);
+  } else if (mode === 0) l('CMWhiteScreen').style.display = 'none';
 }

src/Disp/Notifications/Notification.js

@@ -10,10 +10,15 @@ import { isInitializing } from '../../InitSaveLoad/Variables';
  * @param	{string}	title			The title of the to-be created notifications
  * @param	{string}	message			The text of the to-be created notifications
  */
-export default function Notification(notifyConfig, title, message) {
+export default function CreateNotification(notifyConfig, title, message) {
-	// The arguments check makes the sound not play upon initialization of the mod
+  // The arguments check makes the sound not play upon initialization of the mod
-	if (CMOptions[notifyConfig] === 1 && document.visibilityState === 'hidden' && isInitializing === false) {
+  if (
-		const CookieIcon = 'https://orteil.dashnet.org/cookieclicker/favicon.ico';
+    CMOptions[notifyConfig] === 1 &&
-		new Notification(title, { body: message, badge: CookieIcon });
+    document.visibilityState === 'hidden' &&
-	}
+    isInitializing === false
+  ) {
+    const CookieIcon = 'https://orteil.dashnet.org/cookieclicker/favicon.ico';
+    // eslint-disable-next-line no-new
+    new Notification(title, { body: message, badge: CookieIcon });
+  }
 }

src/Disp/Notifications/Sound.js

@@ -7,14 +7,16 @@ import { isInitializing } from '../../InitSaveLoad/Variables';
  * @param	{variable}	url			A variable that gives the url for the sound (e.g., CM.Options.GCSoundURL)
  * @param	{string}	sndConfig	The setting in CM.Options that is checked before creating the sound
  * @param	{string}	volConfig	The setting in CM.Options that is checked to determine volume
+ * @param	{bool}    forced		Whether the sound should play regardless of settings, used to test the sound
  */
-export default function PlaySound(url, sndConfig, volConfig) {
+export default function PlaySound(url, sndConfig, volConfig, forced) {
-	// The arguments check makes the sound not play upon initialization of the mod
+  // The arguments check makes the sound not play upon initialization of the mod
-	if (CMOptions[sndConfig] === 1 && isInitializing === false) {
+  if ((CMOptions[sndConfig] === 1 || forced) && isInitializing === false) {
-		// eslint-disable-next-line new-cap
+    // eslint-disable-next-line new-cap
-		const sound = new realAudio(url);
+    const sound = new Audio(url);
-		if (CMOptions.GeneralSound) sound.volume = (CMOptions[volConfig] / 100) * (Game.volume / 100);
+    if (CMOptions.GeneralSound)
-		else sound.volume = (CMOptions[volConfig] / 100);
+      sound.volume = (CMOptions[volConfig] / 100) * (Game.volume / 100);
-		sound.play();
+    else sound.volume = CMOptions[volConfig] / 100;
-	}
+    sound.play();
+  }
 }

src/Disp/TabTitle/FavIcon.js

@@ -6,11 +6,11 @@ import { LastGoldenCookieState } from '../../Main/VariablesAndData';
  * This function creates the Favicon, it is called by CM.Main.DelayInit()
  */
 export function CreateFavicon() {
-	const Favicon = document.createElement('link');
+  const Favicon = document.createElement('link');
-	Favicon.id = 'CMFavicon';
+  Favicon.id = 'CMFavicon';
-	Favicon.rel = 'shortcut icon';
+  Favicon.rel = 'shortcut icon';
-	Favicon.href = 'https://orteil.dashnet.org/cookieclicker/favicon.ico';
+  Favicon.href = 'https://orteil.dashnet.org/cookieclicker/favicon.ico';
-	document.getElementsByTagName('head')[0].appendChild(Favicon);
+  document.getElementsByTagName('head')[0].appendChild(Favicon);
 }
 
 /**
@@ -18,8 +18,14 @@ export function CreateFavicon() {
  * By relying on CM.Cache.spawnedGoldenShimmer it only changes for non-user spawned cookie
  */
 export function UpdateFavicon() {
-	if (CMOptions.Favicon === 1 && LastGoldenCookieState > 0) {
+  if (CMOptions.Favicon === 1 && LastGoldenCookieState > 0) {
-		if (CacheSpawnedGoldenShimmer.wrath) l('CMFavicon').href = 'https://aktanusa.github.io/CookieMonster/favicon/wrathCookie.ico';
+    if (CacheSpawnedGoldenShimmer.wrath)
-		else l('CMFavicon').href = 'https://aktanusa.github.io/CookieMonster/favicon/goldenCookie.ico';
+      l('CMFavicon').href =
-	} else l('CMFavicon').href = 'https://orteil.dashnet.org/cookieclicker/favicon.ico';
+        'https://aktanusa.github.io/CookieMonster/favicon/wrathCookie.ico';
+    else
+      l('CMFavicon').href =
+        'https://aktanusa.github.io/CookieMonster/favicon/goldenCookie.ico';
+  } else
+    l('CMFavicon').href =
+      'https://orteil.dashnet.org/cookieclicker/favicon.ico';
 }

src/Disp/TabTitle/TabTitle.js

@@ -1,8 +1,14 @@
 /** Functions related to updating the tab in the browser's tab-bar */
 
-import { CacheSeasonPopShimmer, CacheSpawnedGoldenShimmer } from '../../Cache/VariablesAndData';
+import {
+  CacheSeasonPopShimmer,
+  CacheSpawnedGoldenShimmer,
+} from '../../Cache/VariablesAndData';
 import { CMOptions } from '../../Config/VariablesAndData';
-import { LastSeasonPopupState, LastTickerFortuneState } from '../../Main/VariablesAndData';
+import {
+  LastSeasonPopupState,
+  LastTickerFortuneState,
+} from '../../Main/VariablesAndData';
 import { Title } from '../VariablesAndData';
 
 /**
@@ -10,61 +16,78 @@ import { Title } from '../VariablesAndData';
  * It is called on every loop by Game.Logic() which also sets CM.Disp.Title to Game.cookies
  */
 export default function UpdateTitle() {
-	if (Game.OnAscend || CMOptions.Title === 0) {
+  if (Game.OnAscend || CMOptions.Title === 0) {
-		document.title = Title;
+    document.title = Title;
-	} else if (CMOptions.Title === 1) {
+  } else if (CMOptions.Title === 1) {
-		let addFC = false;
+    let addFC = false;
-		let addSP = false;
+    let addSP = false;
-		let titleGC;
+    let titleGC;
-		let titleFC;
+    let titleFC;
-		let titleSP;
+    let titleSP;
 
-		if (CacheSpawnedGoldenShimmer) {
+    if (CacheSpawnedGoldenShimmer) {
-			if (CacheSpawnedGoldenShimmer.wrath) titleGC = `[W${Math.ceil(CacheSpawnedGoldenShimmer.life / Game.fps)}]`;
+      if (CacheSpawnedGoldenShimmer.wrath)
-			else titleGC = `[G${Math.ceil(CacheSpawnedGoldenShimmer.life / Game.fps)}]`;
+        titleGC = `[W${Math.ceil(CacheSpawnedGoldenShimmer.life / Game.fps)}]`;
-		} else if (!Game.Has('Golden switch [off]')) {
+      else
-			titleGC = `[${Number(l('CMTimerBarGCMinBar').textContent) < 0 ? '!' : ''}${Math.ceil((Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.time) / Game.fps)}]`;
+        titleGC = `[G${Math.ceil(CacheSpawnedGoldenShimmer.life / Game.fps)}]`;
-		} else titleGC = '[GS]';
+    } else if (!Game.Has('Golden switch [off]')) {
+      titleGC = `[${
+        Number(l('CMTimerBarGCMinBar').textContent) < 0 ? '!' : ''
+      }${Math.ceil(
+        (Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.time) /
+          Game.fps,
+      )}]`;
+    } else titleGC = '[GS]';
 
-		if (LastTickerFortuneState) {
+    if (LastTickerFortuneState) {
-			addFC = true;
+      addFC = true;
-			titleFC = '[F]';
+      titleFC = '[F]';
-		}
+    }
 
-		if (Game.season === 'christmas') {
+    if (Game.season === 'christmas') {
-			addSP = true;
+      addSP = true;
-			if (LastSeasonPopupState) titleSP = `[R${Math.ceil(CacheSeasonPopShimmer.life / Game.fps)}]`;
+      if (LastSeasonPopupState)
-			else {
+        titleSP = `[R${Math.ceil(CacheSeasonPopShimmer.life / Game.fps)}]`;
-				titleSP = `[${Number(l('CMTimerBarRenMinBar').textContent) < 0 ? '!' : ''}${Math.ceil((Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.time) / Game.fps)}]`;
+      else {
-			}
+        titleSP = `[${
-		}
+          Number(l('CMTimerBarRenMinBar').textContent) < 0 ? '!' : ''
+        }${Math.ceil(
+          (Game.shimmerTypes.reindeer.maxTime -
+            Game.shimmerTypes.reindeer.time) /
+            Game.fps,
+        )}]`;
+      }
+    }
 
-		// Remove previous timers and add current cookies
+    // Remove previous timers and add current cookies
-		let str = Title;
+    let str = Title;
-		if (str.charAt(0) === '[') {
+    if (str.charAt(0) === '[') {
-			str = str.substring(str.lastIndexOf(']') + 1);
+      str = str.substring(str.lastIndexOf(']') + 1);
-		}
+    }
-		document.title = `${titleGC + (addFC ? titleFC : '') + (addSP ? titleSP : '')} ${str}`;
+    document.title = `${
-	} else if (CMOptions.Title === 2) {
+      titleGC + (addFC ? titleFC : '') + (addSP ? titleSP : '')
-		let str = '';
+    } ${str}`;
-		let spawn = false;
+  } else if (CMOptions.Title === 2) {
-		if (CacheSpawnedGoldenShimmer) {
+    let str = '';
-			spawn = true;
+    let spawn = false;
-			if (CacheSpawnedGoldenShimmer.wrath) str += `[W${Math.ceil(CacheSpawnedGoldenShimmer.life / Game.fps)}]`;
+    if (CacheSpawnedGoldenShimmer) {
-			else str += `[G${Math.ceil(CacheSpawnedGoldenShimmer.life / Game.fps)}]`;
+      spawn = true;
-		}
+      if (CacheSpawnedGoldenShimmer.wrath)
-		if (LastTickerFortuneState) {
+        str += `[W${Math.ceil(CacheSpawnedGoldenShimmer.life / Game.fps)}]`;
-			spawn = true;
+      else str += `[G${Math.ceil(CacheSpawnedGoldenShimmer.life / Game.fps)}]`;
-			str += '[F]';
+    }
-		}
+    if (LastTickerFortuneState) {
-		if (Game.season === 'christmas' && LastSeasonPopupState) {
+      spawn = true;
-			str += `[R${Math.ceil(CacheSeasonPopShimmer.life / Game.fps)}]`;
+      str += '[F]';
-			spawn = true;
+    }
-		}
+    if (Game.season === 'christmas' && LastSeasonPopupState) {
-		if (spawn) str += ' - ';
+      str += `[R${Math.ceil(CacheSeasonPopShimmer.life / Game.fps)}]`;
-		let title = 'Cookie Clicker';
+      spawn = true;
-		if (Game.season === 'fools') title = 'Cookie Baker';
+    }
-		str += title;
+    if (spawn) str += ' - ';
-		document.title = str;
+    let title = 'Cookie Clicker';
-	}
+    if (Game.season === 'fools') title = 'Cookie Baker';
+    str += title;
+    document.title = str;
+  }
 }

src/Disp/Tooltips/AscendButton.js

@@ -0,0 +1,65 @@
+import {
+  CacheHCPerSecond,
+  CacheLastHeavenlyChips,
+  CacheTimeTillNextPrestige,
+} from '../../Cache/VariablesAndData';
+import { CMOptions } from '../../Config/VariablesAndData';
+import { Beautify } from '../BeautifyAndFormatting/BeautifyFormatting';
+
+/**
+ * This function creates a header object for tooltips.
+ * @param	{string}	text	Title of header
+ * @returns {object}	div		An object containing the stylized header
+ */
+export default function ReplaceAscendTooltip() {
+  const cookiesToNext = Math.max(
+    0,
+    Game.HowManyCookiesReset(
+      Math.floor(Game.HowMuchPrestige(Game.cookiesReset + Game.cookiesEarned)) +
+        1,
+    ) -
+      (Game.cookiesEarned + Game.cookiesReset),
+  );
+
+  const startDate = Game.sayTime(
+    ((Date.now() - Game.startDate) / 1000) * Game.fps,
+    -1,
+  );
+  let str = '';
+  str += `You've been on this run for <b>${
+    startDate === '' ? 'not very long' : startDate
+  }</b>.<br>`;
+  str += '<div class="line"></div>';
+  if (Game.prestige > 0) {
+    str += `Your prestige level is currently <b>${Beautify(
+      Game.prestige,
+    )}</b>.<br>(CpS +${Beautify(Game.prestige)}%)`;
+    str += '<div class="line"></div>';
+  }
+  if (CacheLastHeavenlyChips < 1)
+    str += 'Ascending now would grant you no prestige.';
+  else if (CacheLastHeavenlyChips < 2)
+    str +=
+      'Ascending now would grant you<br><b>1 prestige level</b> (+1% CpS)<br>and <b>1 heavenly chip</b> to spend.';
+  else
+    str += `Ascending now would grant you<br><b>${Beautify(
+      CacheLastHeavenlyChips,
+    )} prestige levels</b> (+${Beautify(
+      CacheLastHeavenlyChips,
+    )}% CpS)<br>and <b>${Beautify(
+      CacheLastHeavenlyChips,
+    )} heavenly chips</b> to spend.`;
+  str += '<div class="line"></div>';
+  str += `You need <b>${Beautify(
+    cookiesToNext,
+  )} more cookies</b> for the next level.<br>`;
+  str += `${
+    CMOptions.TooltipAscendButton
+      ? `<div class='line'></div>It takes ${CacheTimeTillNextPrestige} to reach the next level and you are making ${Beautify(
+          CacheHCPerSecond,
+          2,
+        )} chips on average in the last 5 seconds.<br>`
+      : ''
+  }`;
+  l('ascendTooltip').innerHTML = str;
+}

src/Disp/Tooltips/CreateTooltip.js

@@ -1,6 +1,14 @@
+/* eslint-disable no-param-reassign */
 import { CMOptions } from '../../Config/VariablesAndData';
 import {
-	ColorTextPre, ColorBorderPre, ColorGray, ColorBlue, ColorRed, ColorYellow, ColorPurple, TooltipType,
+  ColorTextPre,
+  ColorBorderPre,
+  ColorGray,
+  ColorBlue,
+  ColorRed,
+  ColorYellow,
+  ColorPurple,
+  TooltipType,
 } from '../VariablesAndData';
 
 /** Creates various sections of tooltips */
@@ -10,14 +18,14 @@ import {
  * @returns {object}	div		An object containing the stylized box
  */
 export function TooltipCreateTooltipBox() {
-	l('tooltip').firstChild.style.paddingBottom = '4px'; // Sets padding on base-tooltip
+  l('tooltip').firstChild.style.paddingBottom = '4px'; // Sets padding on base-tooltip
-	const tooltipBox = document.createElement('div');
+  const tooltipBox = document.createElement('div');
-	tooltipBox.style.border = '1px solid';
+  tooltipBox.style.border = '1px solid';
-	tooltipBox.style.padding = '4px';
+  tooltipBox.style.padding = '4px';
-	tooltipBox.style.margin = '0px -4px';
+  tooltipBox.style.margin = '0px -4px';
-	tooltipBox.id = 'CMTooltipBorder';
+  tooltipBox.id = 'CMTooltipBorder';
-	tooltipBox.className = ColorTextPre + ColorGray;
+  tooltipBox.className = ColorTextPre + ColorGray;
-	return tooltipBox;
+  return tooltipBox;
 }
 
 /**
@@ -26,12 +34,12 @@ export function TooltipCreateTooltipBox() {
  * @returns {object}	div		An object containing the stylized header
  */
 export function TooltipCreateHeader(text) {
-	const div = document.createElement('div');
+  const div = document.createElement('div');
-	div.style.fontWeight = 'bold';
+  div.style.fontWeight = 'bold';
-	div.id = `${text}Title`;
+  div.id = `${text}Title`;
-	div.className = ColorTextPre + ColorBlue;
+  div.className = ColorTextPre + ColorBlue;
-	div.textContent = text;
+  div.textContent = text;
-	return div;
+  return div;
 }
 
 /**
@@ -40,51 +48,105 @@ export function TooltipCreateHeader(text) {
  * @returns {object}	TooltipWarn	The Warnings-tooltip object
  */
 export function TooltipCreateWarningSection() {
-	const TooltipWarn = document.createElement('div');
+  const TooltipWarn = document.createElement('div');
-	TooltipWarn.style.position = 'absolute';
+  TooltipWarn.style.position = 'absolute';
-	TooltipWarn.style.display = 'block';
+  TooltipWarn.style.display = 'block';
-	TooltipWarn.style.left = 'auto';
+  TooltipWarn.style.left = 'auto';
-	TooltipWarn.style.bottom = 'auto';
+  TooltipWarn.style.bottom = 'auto';
-	TooltipWarn.id = 'CMDispTooltipWarningParent';
+  TooltipWarn.id = 'CMDispTooltipWarningParent';
 
-	const create = function (boxId, color, labelTextFront, labelTextBack, deficitId) {
+  const create = function (
-		const box = document.createElement('div');
+    boxId,
-		box.id = boxId;
+    color,
-		box.style.display = 'none';
+    labelTextFront,
-		box.style.transition = 'opacity 0.1s ease-out';
+    labelTextBack,
-		box.className = ColorBorderPre + color;
+    deficitId,
-		box.style.padding = '2px';
+  ) {
-		box.style.background = '#000 url(img/darkNoise.png)';
+    const box = document.createElement('div');
-		const labelDiv = document.createElement('div');
+    box.id = boxId;
-		box.appendChild(labelDiv);
+    box.style.display = 'none';
-		const labelSpan = document.createElement('span');
+    box.style.transition = 'opacity 0.1s ease-out';
-		labelSpan.className = ColorTextPre + color;
+    box.className = ColorBorderPre + color;
-		labelSpan.style.fontWeight = 'bold';
+    box.style.padding = '2px';
-		labelSpan.textContent = labelTextFront;
+    box.style.background = '#000 url(img/darkNoise.png)';
-		labelDiv.appendChild(labelSpan);
+    const labelDiv = document.createElement('div');
-		labelDiv.appendChild(document.createTextNode(labelTextBack));
+    box.appendChild(labelDiv);
-		const deficitDiv = document.createElement('div');
+    const labelSpan = document.createElement('span');
-		box.appendChild(deficitDiv);
+    labelSpan.className = ColorTextPre + color;
-		const deficitSpan = document.createElement('span');
+    labelSpan.style.fontWeight = 'bold';
-		deficitSpan.id = deficitId;
+    labelSpan.textContent = labelTextFront;
-		deficitDiv.appendChild(document.createTextNode('Deficit: '));
+    labelDiv.appendChild(labelSpan);
-		deficitDiv.appendChild(deficitSpan);
+    labelDiv.appendChild(document.createTextNode(labelTextBack));
-		return box;
+    const deficitDiv = document.createElement('div');
-	};
+    box.appendChild(deficitDiv);
+    const deficitSpan = document.createElement('span');
+    deficitSpan.id = deficitId;
+    deficitDiv.appendChild(document.createTextNode('Deficit: '));
+    deficitDiv.appendChild(deficitSpan);
+    return box;
+  };
 
-	TooltipWarn.appendChild(create('CMDispTooltipWarnLucky', ColorRed, 'Warning: ', 'Purchase of this item will put you under the number of Cookies required for "Lucky!"', 'CMDispTooltipWarnLuckyText'));
+  TooltipWarn.appendChild(
-	TooltipWarn.firstChild.style.marginBottom = '4px';
+    create(
-	TooltipWarn.appendChild(create('CMDispTooltipWarnLuckyFrenzy', ColorYellow, 'Warning: ', 'Purchase of this item will put you under the number of Cookies required for "Lucky!" (Frenzy)', 'CMDispTooltipWarnLuckyFrenzyText'));
+      'CMDispTooltipWarnLucky',
-	TooltipWarn.lastChild.style.marginBottom = '4px';
+      ColorRed,
-	TooltipWarn.appendChild(create('CMDispTooltipWarnConjure', ColorPurple, 'Warning: ', 'Purchase of this item will put you under the number of Cookies required for "Conjure Baked Goods"', 'CMDispTooltipWarnConjureText'));
+      'Warning: ',
-	TooltipWarn.lastChild.style.marginBottom = '4px';
+      'Purchase of this item will put you under the number of Cookies required for "Lucky!"',
-	TooltipWarn.appendChild(create('CMDispTooltipWarnConjureFrenzy', ColorPurple, 'Warning: ', 'Purchase of this item will put you under the number of Cookies required for "Conjure Baked Goods" (Frenzy)', 'CMDispTooltipWarnConjureFrenzyText'));
+      'CMDispTooltipWarnLuckyText',
-	TooltipWarn.lastChild.style.marginBottom = '4px';
+    ),
-	TooltipWarn.appendChild(create('CMDispTooltipWarnEdifice', ColorPurple, 'Warning: ', 'Purchase of this item will put you under the number of Cookies needed for "Spontaneous Edifice" to possibly give you your most expensive building"', 'CMDispTooltipWarnEdificeText'));
+  );
-	TooltipWarn.lastChild.style.marginBottom = '4px';
+  TooltipWarn.firstChild.style.marginBottom = '4px';
-	TooltipWarn.appendChild(create('CMDispTooltipWarnUser', ColorRed, 'Warning: ', `Purchase of this item will put you under the number of Cookies equal to ${CMOptions.ToolWarnUser} seconds of CPS`, 'CMDispTooltipWarnUserText'));
+  TooltipWarn.appendChild(
+    create(
+      'CMDispTooltipWarnLuckyFrenzy',
+      ColorYellow,
+      'Warning: ',
+      'Purchase of this item will put you under the number of Cookies required for "Lucky!" (Frenzy)',
+      'CMDispTooltipWarnLuckyFrenzyText',
+    ),
+  );
+  TooltipWarn.lastChild.style.marginBottom = '4px';
+  TooltipWarn.appendChild(
+    create(
+      'CMDispTooltipWarnConjure',
+      ColorPurple,
+      'Warning: ',
+      'Purchase of this item will put you under the number of Cookies required for "Conjure Baked Goods"',
+      'CMDispTooltipWarnConjureText',
+    ),
+  );
+  TooltipWarn.lastChild.style.marginBottom = '4px';
+  TooltipWarn.appendChild(
+    create(
+      'CMDispTooltipWarnConjureFrenzy',
+      ColorPurple,
+      'Warning: ',
+      'Purchase of this item will put you under the number of Cookies required for "Conjure Baked Goods" (Frenzy)',
+      'CMDispTooltipWarnConjureFrenzyText',
+    ),
+  );
+  TooltipWarn.lastChild.style.marginBottom = '4px';
+  TooltipWarn.appendChild(
+    create(
+      'CMDispTooltipWarnEdifice',
+      ColorPurple,
+      'Warning: ',
+      'Purchase of this item will put you under the number of Cookies needed for "Spontaneous Edifice" to possibly give you your most expensive building"',
+      'CMDispTooltipWarnEdificeText',
+    ),
+  );
+  TooltipWarn.lastChild.style.marginBottom = '4px';
+  TooltipWarn.appendChild(
+    create(
+      'CMDispTooltipWarnUser',
+      ColorRed,
+      'Warning: ',
+      `Purchase of this item will put you under the number of Cookies equal to ${CMOptions.ToolWarnUser} seconds of CPS`,
+      'CMDispTooltipWarnUserText',
+    ),
+  );
 
-	return TooltipWarn;
+  return TooltipWarn;
 }
 
 /**
@@ -93,38 +155,40 @@ export function TooltipCreateWarningSection() {
  * @param	{object}	tooltip		Object of a TooltipBox, normally created by a call to CM.Disp.TooltipCreateTooltipBox()
  */
 export function TooltipCreateCalculationSection(tooltip) {
-	tooltip.appendChild(TooltipCreateHeader('Bonus Income'));
+  tooltip.appendChild(TooltipCreateHeader('Bonus Income'));
-	const income = document.createElement('div');
+  const income = document.createElement('div');
-	income.style.marginBottom = '4px';
+  income.style.marginBottom = '4px';
-	income.style.color = 'white';
+  income.style.color = 'white';
-	income.id = 'CMTooltipIncome';
+  income.id = 'CMTooltipIncome';
-	tooltip.appendChild(income);
+  tooltip.appendChild(income);
 
-	tooltip.appendChild(TooltipCreateHeader('Bonus Cookies per Click'));
+  tooltip.appendChild(TooltipCreateHeader('Bonus Cookies per Click'));
-	tooltip.lastChild.style.display = 'none';
+  tooltip.lastChild.style.display = 'none';
-	const click = document.createElement('div');
+  const click = document.createElement('div');
-	click.style.marginBottom = '4px';
+  click.style.marginBottom = '4px';
-	click.style.color = 'white';
+  click.style.color = 'white';
-	click.style.display = 'none';
+  click.style.display = 'none';
-	click.id = 'CMTooltipCookiePerClick';
+  click.id = 'CMTooltipCookiePerClick';
-	tooltip.appendChild(click);
+  tooltip.appendChild(click);
 
-	tooltip.appendChild(TooltipCreateHeader('Payback Period'));
+  tooltip.appendChild(TooltipCreateHeader('Payback Period'));
-	const pp = document.createElement('div');
+  const pp = document.createElement('div');
-	pp.style.marginBottom = '4px';
+  pp.style.marginBottom = '4px';
-	pp.id = 'CMTooltipPP';
+  pp.id = 'CMTooltipPP';
-	tooltip.appendChild(pp);
+  tooltip.appendChild(pp);
 
-	tooltip.appendChild(TooltipCreateHeader('Time Left'));
+  tooltip.appendChild(TooltipCreateHeader('Time Left'));
-	const time = document.createElement('div');
+  const time = document.createElement('div');
-	time.id = 'CMTooltipTime';
+  time.id = 'CMTooltipTime';
-	tooltip.appendChild(time);
+  tooltip.appendChild(time);
 
-	if (TooltipType === 'b') {
+  if (TooltipType === 'b') {
-		tooltip.appendChild(TooltipCreateHeader('Production left till next achievement'));
+    tooltip.appendChild(
-		tooltip.lastChild.id = 'CMTooltipProductionHeader'; // Assign a id in order to hid when no achiev's are left
+      TooltipCreateHeader('Production left till next achievement'),
-		const production = document.createElement('div');
+    );
-		production.id = 'CMTooltipProduction';
+    tooltip.lastChild.id = 'CMTooltipProductionHeader'; // Assign a id in order to hid when no achiev's are left
-		tooltip.appendChild(production);
+    const production = document.createElement('div');
-	}
+    production.id = 'CMTooltipProduction';
+    tooltip.appendChild(production);
+  }
 }

src/Disp/Tooltips/PositionLocation.js

@@ -5,15 +5,26 @@ import { CMOptions } from '../../Config/VariablesAndData';
  * It is called by Game.tooltip.update() because of CM.Main.ReplaceNative()
  */
 export default function UpdateTooltipLocation() {
-	if (Game.tooltip.origin === 'store') {
+  if (Game.tooltip.origin === 'store') {
-		let warnOffset = 0;
+    let warnOffset = 0;
-		if (CMOptions.ToolWarnLucky === 1 && CMOptions.ToolWarnPos === 1 && l('CMDispTooltipWarningParent') !== null) {
+    if (
-			warnOffset = l('CMDispTooltipWarningParent').clientHeight - 4;
+      CMOptions.ToolWarnLucky === 1 &&
-		}
+      CMOptions.ToolWarnPos === 1 &&
-		Game.tooltip.tta.style.top = `${Math.min(parseInt(Game.tooltip.tta.style.top, 10), (l('game').clientHeight + l('topBar').clientHeight) - Game.tooltip.tt.clientHeight - warnOffset - 46)}px`;
+      l('CMDispTooltipWarningParent') !== null
-	}
+    ) {
-	// Kept for future possible use if the code changes again
+      warnOffset = l('CMDispTooltipWarningParent').clientHeight - 4;
-	/* else if (!Game.onCrate && !Game.OnAscend && CM.Options.TimerBar === 1 && CM.Options.TimerBarPos === 0) {
+    }
+    Game.tooltip.tta.style.top = `${Math.min(
+      parseInt(Game.tooltip.tta.style.top, 10),
+      l('game').clientHeight +
+        l('topBar').clientHeight -
+        Game.tooltip.tt.clientHeight -
+        warnOffset -
+        46,
+    )}px`;
+  }
+  // Kept for future possible use if the code changes again
+  /* else if (!Game.onCrate && !Game.OnAscend && CM.Options.TimerBar === 1 && CM.Options.TimerBarPos === 0) {
 		Game.tooltip.tta.style.top = (parseInt(Game.tooltip.tta.style.top) + parseInt(CM.Disp.TimerBar.style.height)) + 'px';
 	} */
 }

src/Disp/Tooltips/Tooltip.js

@@ -1,9 +1,16 @@
 /* eslint-disable no-unused-vars */
-import * as UpdateTooltip from './UpdateTooltips';
+import UpdateTooltips, * as UpdateTooltip from './UpdateTooltips';
 import { TooltipCreateTooltipBox } from './CreateTooltip';
-import { Beautify, GetTimeColor } from '../BeautifyAndFormatting/BeautifyFormatting';
+import {
+  Beautify,
+  GetTimeColor,
+} from '../BeautifyAndFormatting/BeautifyFormatting';
 import CopyData from '../../Sim/SimulationData/CopyData';
-import { TooltipName, TooltipType } from '../VariablesAndData';
+import {
+  SimpleTooltipElements,
+  TooltipName,
+  TooltipType,
+} from '../VariablesAndData';
 import { CMOptions } from '../../Config/VariablesAndData';
 import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding';
 
@@ -17,47 +24,17 @@ import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding';
  * @param	{string}	minWidth	The minimum width of the tooltip
  */
 export function CreateSimpleTooltip(placeholder, text, minWidth) {
-	const Tooltip = document.createElement('div');
+  const Tooltip = document.createElement('div');
-	Tooltip.id = placeholder;
+  Tooltip.id = placeholder;
-	const desc = document.createElement('div');
+  const desc = document.createElement('div');
-	desc.style.minWidth = minWidth;
+  desc.style.minWidth = minWidth;
-	desc.style.marginBottom = '4px';
+  desc.style.marginBottom = '4px';
-	const div = document.createElement('div');
+  const div = document.createElement('div');
-	div.style.textAlign = 'left';
+  div.style.textAlign = 'left';
-	div.textContent = text;
+  div.textContent = text;
-	desc.appendChild(div);
+  desc.appendChild(div);
-	Tooltip.appendChild(desc);
+  Tooltip.appendChild(desc);
-}
+  SimpleTooltipElements[placeholder] = Tooltip;
-
-/**
- * This function updates the sections of the tooltips created by CookieMonster
- */
-export function UpdateTooltips() {
-	CopyData();
-	if (l('tooltipAnchor').style.display !== 'none' && l('CMTooltipArea')) {
-		l('CMTooltipArea').innerHTML = '';
-		const tooltipBox = TooltipCreateTooltipBox();
-		l('CMTooltipArea').appendChild(tooltipBox);
-
-		if (TooltipType === 'b') {
-			UpdateTooltip.Building();
-		} else if (TooltipType === 'u') {
-			UpdateTooltip.Upgrade();
-		} else if (TooltipType === 's') {
-			UpdateTooltip.SugarLump();
-		} else if (TooltipType === 'g') {
-			UpdateTooltip.Grimoire();
-		} else if (TooltipType === 'p') {
-			UpdateTooltip.GardenPlots();
-		} else if (TooltipType === 'ha') {
-			UpdateTooltip.HarvestAll();
-		}
-		UpdateTooltip.Warnings();
-	} else if (l('CMTooltipArea') === null) { // Remove warnings if its a basic tooltip
-		if (l('CMDispTooltipWarningParent') !== null) {
-			l('CMDispTooltipWarningParent').remove();
-		}
-	}
 }
 
 /**
@@ -68,49 +45,108 @@ export function UpdateTooltips() {
  * @returns {string}	l('tooltip').innerHTML	The HTML of the l('tooltip')-object
  */
 export function CreateTooltip(type, name) {
-	if (type === 'b') { // Buildings
+  if (type === 'b') {
-		l('tooltip').innerHTML = Game.Objects[name].tooltip();
+    // Buildings
-		// Adds amortization info to the list of info per building
+    l('tooltip').innerHTML = Game.Objects[name].tooltip();
-		if (CMOptions.TooltipAmor === 1) {
+    // Adds amortization info to the list of info per building
-			const buildPrice = BuildingGetPrice(Game.Objects[name], Game.Objects[name].basePrice, 0, Game.Objects[name].free, Game.Objects[name].amount);
+    if (CMOptions.TooltipAmor === 1) {
-			const amortizeAmount = buildPrice - Game.Objects[name].totalCookies;
+      const buildPrice = BuildingGetPrice(
-			if (amortizeAmount > 0) {
+        Game.Objects[name],
-				l('tooltip').innerHTML = l('tooltip').innerHTML
+        Game.Objects[name].basePrice,
-					.split('so far</div>')
+        0,
-					.join(`so far<br/>&bull; <b>${Beautify(amortizeAmount)}</b> ${Math.floor(amortizeAmount) === 1 ? 'cookie' : 'cookies'} left to amortize (${GetTimeColor((buildPrice - Game.Objects[name].totalCookies) / (Game.Objects[name].storedTotalCps * Game.globalCpsMult)).text})</div>`);
+        Game.Objects[name].free,
-			}
+        Game.Objects[name].amount,
-		}
+      );
-		if (Game.buyMode === -1) {
+      const amortizeAmount = buildPrice - Game.Objects[name].totalCookies;
-			/*
+      if (amortizeAmount > 0) {
-             * Fix sell price displayed in the object tooltip.
+        l('tooltip').innerHTML = l('tooltip')
-             *
+          .innerHTML.split('so far</div>')
-             * The buildings sell price displayed by the game itself (without any mod) is incorrect.
+          .join(
-             * The following line of code fixes this issue, and can be safely removed when the game gets fixed.
+            `so far<br/>&bull; <b>${Beautify(amortizeAmount)}</b> ${
-             *
+              Math.floor(amortizeAmount) === 1 ? 'cookie' : 'cookies'
-             * This issue is extensively detailed here: https://github.com/Aktanusa/CookieMonster/issues/359#issuecomment-735658262
+            } left to amortize (${
-             */
+              GetTimeColor(
-			l('tooltip').innerHTML = l('tooltip').innerHTML.split(Beautify(Game.Objects[name].bulkPrice)).join(Beautify((Game.Objects[name], Game.Objects[name].basePrice, Game.Objects[name].amount, Game.Objects[name].free, Game.buyBulk, 1)));
+                (buildPrice - Game.Objects[name].totalCookies) /
-		}
+                  (Game.Objects[name].storedTotalCps * Game.globalCpsMult),
-	} else if (type === 'u') { // Upgrades
+              ).text
-		if (!Game.UpgradesInStore[name]) return '';
+            })</div>`,
-		l('tooltip').innerHTML = Game.crateTooltip(Game.UpgradesInStore[name], 'store');
+          );
-	} else if (type === 's') l('tooltip').innerHTML = Game.lumpTooltip(); // Sugar Lumps
+      }
-	else if (type === 'g') l('tooltip').innerHTML = Game.Objects['Wizard tower'].minigame.spellTooltip(name)(); // Grimoire
+    }
-	else if (type === 'p') l('tooltip').innerHTML = Game.ObjectsById[2].minigame.tileTooltip(name[0], name[1])(); // Garden plots
+    if (Game.buyMode === -1) {
-	else if (type === 'ha') l('tooltip').innerHTML = Game.ObjectsById[2].minigame.toolTooltip(1)(); // Harvest all button in garden
+      /*
+       * Fix sell price displayed in the object tooltip.
+       *
+       * The buildings sell price displayed by the game itself (without any mod) is incorrect.
+       * The following line of code fixes this issue, and can be safely removed when the game gets fixed.
+       *
+       * This issue is extensively detailed here: https://github.com/Aktanusa/CookieMonster/issues/359#issuecomment-735658262
+       */
+      l('tooltip').innerHTML = l('tooltip')
+        .innerHTML.split(Beautify(Game.Objects[name].bulkPrice))
+        .join(
+          Beautify(
+            (Game.Objects[name],
+            Game.Objects[name].basePrice,
+            Game.Objects[name].amount,
+            Game.Objects[name].free,
+            Game.buyBulk,
+            1),
+          ),
+        );
+    }
+  } else if (type === 'u') {
+    // Upgrades
+    if (!Game.UpgradesInStore[name]) return '';
+    l('tooltip').innerHTML = Game.crateTooltip(
+      Game.UpgradesInStore[name],
+      'store',
+    );
+  } else if (type === 's') l('tooltip').innerHTML = Game.lumpTooltip();
+  // Sugar Lumps
+  else if (type === 'g')
+    l('tooltip').innerHTML = Game.Objects['Wizard tower'].minigame.spellTooltip(
+      name,
+    )();
+  // Grimoire
+  else if (type === 'p')
+    l('tooltip').innerHTML = Game.ObjectsById[2].minigame.tileTooltip(
+      name[0],
+      name[1],
+    )();
+  // Harvest all button in garden
+  else if (type === 'ha')
+    l('tooltip').innerHTML = Game.ObjectsById[2].minigame.toolTooltip(1)();
+  else if (type === 'wb') l('tooltip').innerHTML = '';
+  else if (type === 'pag')
+    l('tooltip').innerHTML = Game.Objects.Temple.minigame.godTooltip(name)();
+  else if (type === 'pas')
+    l('tooltip').innerHTML = Game.Objects.Temple.minigame.slotTooltip(
+      name[0],
+    )();
 
-	// Adds area for extra tooltip-sections
+  // Adds area for extra tooltip-sections
-	if ((type === 'b' && Game.buyMode === 1) || type === 'u' || type === 's' || type === 'g' || (type === 'p' && !Game.keys[16]) || type === 'ha') {
+  if (
-		const area = document.createElement('div');
+    (type === 'b' && Game.buyMode === 1) ||
-		area.id = 'CMTooltipArea';
+    type === 'u' ||
-		l('tooltip').appendChild(area);
+    type === 's' ||
-	}
+    type === 'g' ||
+    (type === 'p' && !Game.keys[16]) ||
+    type === 'ha' ||
+    type === 'wb' ||
+    type === 'pag' ||
+    (type === 'pas' && name[1] !== -1)
+  ) {
+    const area = document.createElement('div');
+    area.id = 'CMTooltipArea';
+    l('tooltip').appendChild(area);
+  }
 
-	// Sets global variables used by CM.Disp.UpdateTooltip()
+  // Sets global variables used by CM.Disp.UpdateTooltip()
-	TooltipType = type;
+  TooltipType = type;
-	TooltipName = name;
+  TooltipName = name;
 
-	UpdateTooltips();
+  UpdateTooltips();
 
-	return l('tooltip').innerHTML;
+  return l('tooltip').innerHTML;
 }

src/Disp/Tooltips/TypesOfTooltips/Building.js

@@ -0,0 +1,99 @@
+/* eslint-disable no-restricted-syntax */
+import {
+  CacheObjects1,
+  CacheObjects10,
+  CacheObjects100,
+} from '../../../Cache/VariablesAndData';
+import { CMOptions } from '../../../Config/VariablesAndData';
+import { SimObjects } from '../../../Sim/VariablesAndData';
+import {
+  Beautify,
+  FormatTime,
+  GetTimeColor,
+} from '../../BeautifyAndFormatting/BeautifyFormatting';
+import GetCPS from '../../HelperFunctions/GetCPS';
+import GetWrinkConfigBank from '../../HelperFunctions/GetWrinkConfigBank';
+import {
+  ColorTextPre,
+  LastTargetTooltipBuilding,
+  TooltipBonusIncome,
+  TooltipName,
+  TooltipPrice,
+} from '../../VariablesAndData';
+import * as Create from '../CreateTooltip';
+
+/**
+ * This function adds extra info to the Building tooltips
+ */
+export default function Building() {
+  if (CMOptions.TooltipBuildUpgrade === 1 && Game.buyMode === 1) {
+    const tooltipBox = l('CMTooltipBorder');
+    Create.TooltipCreateCalculationSection(tooltipBox);
+
+    let target;
+    if (Game.buyMode === 1) {
+      LastTargetTooltipBuilding = target;
+    } else {
+      target = LastTargetTooltipBuilding;
+    }
+    if (Game.buyBulk === 1) target = CacheObjects1;
+    else if (Game.buyBulk === 10) target = CacheObjects10;
+    else if (Game.buyBulk === 100) target = CacheObjects100;
+
+    TooltipPrice = Game.Objects[TooltipName].bulkPrice;
+    TooltipBonusIncome = target[TooltipName].bonus;
+
+    if (CMOptions.TooltipBuildUpgrade === 1 && Game.buyMode === 1) {
+      l('CMTooltipIncome').textContent = Beautify(TooltipBonusIncome, 2);
+      const increase = Math.round(
+        (TooltipBonusIncome / Game.cookiesPs) * 10000,
+      );
+      if (Number.isFinite(increase) && increase !== 0) {
+        l('CMTooltipIncome').textContent += ` (${increase / 100}% of income)`;
+      } else {
+        l('CMTooltipIncome').textContent += ` (<0${
+          CMOptions.ScaleSeparator ? ',' : '.'
+        }01% of income)`;
+      }
+      l('CMTooltipBorder').className = ColorTextPre + target[TooltipName].color;
+      if (CMOptions.PPDisplayTime)
+        l('CMTooltipPP').textContent = FormatTime(target[TooltipName].pp);
+      else l('CMTooltipPP').textContent = Beautify(target[TooltipName].pp, 2);
+      l('CMTooltipPP').className = ColorTextPre + target[TooltipName].color;
+      const timeColor = GetTimeColor(
+        (TooltipPrice - (Game.cookies + GetWrinkConfigBank())) / GetCPS(),
+      );
+      l('CMTooltipTime').textContent = timeColor.text;
+      if (
+        timeColor.text === 'Done!' &&
+        Game.cookies < target[TooltipName].price
+      ) {
+        l('CMTooltipTime').textContent = `${timeColor.text} (with Wrink)`;
+      } else l('CMTooltipTime').textContent = timeColor.text;
+      l('CMTooltipTime').className = ColorTextPre + timeColor.color;
+    }
+
+    // Add "production left till next achievement"-bar
+    l('CMTooltipProductionHeader').style.display = 'none';
+    l('CMTooltipTime').style.marginBottom = '0px';
+    for (const i of Object.keys(Game.Objects[TooltipName].productionAchievs)) {
+      if (
+        !Game.HasAchiev(
+          Game.Objects[TooltipName].productionAchievs[i].achiev.name,
+        )
+      ) {
+        const nextProductionAchiev =
+          Game.Objects[TooltipName].productionAchievs[i];
+        l('CMTooltipTime').style.marginBottom = '4px';
+        l('CMTooltipProductionHeader').style.display = '';
+        l('CMTooltipProduction').className = `ProdAchievement${TooltipName}`;
+        l('CMTooltipProduction').textContent = Beautify(
+          nextProductionAchiev.pow - SimObjects[TooltipName].totalCookies,
+          15,
+        );
+        l('CMTooltipProduction').style.color = 'white';
+        break;
+      }
+    }
+  } else l('CMTooltipArea').style.display = 'none';
+}

src/Disp/Tooltips/TypesOfTooltips/GardenPlots.js

@@ -0,0 +1,55 @@
+import { CMOptions } from '../../../Config/VariablesAndData';
+import { Beautify } from '../../BeautifyAndFormatting/BeautifyFormatting';
+import { TooltipName } from '../../VariablesAndData';
+import * as Create from '../CreateTooltip';
+
+/**
+ * This function adds extra info to the Garden plots tooltips
+ * It adds to the additional information to l('CMTooltipArea')
+ */
+export default function GardenPlots() {
+  const { minigame } = Game.Objects.Farm;
+  if (
+    CMOptions.TooltipPlots &&
+    minigame.plot[TooltipName[1]][TooltipName[0]][0] !== 0
+  ) {
+    const mature =
+      minigame.plot[TooltipName[1]][TooltipName[0]][1] >
+      minigame.plantsById[minigame.plot[TooltipName[1]][TooltipName[0]][0] - 1]
+        .matureBase;
+    const plantName =
+      minigame.plantsById[minigame.plot[TooltipName[1]][TooltipName[0]][0] - 1]
+        .name;
+    l('CMTooltipBorder').appendChild(
+      Create.TooltipCreateHeader('Reward (Current / Maximum)'),
+    );
+    const reward = document.createElement('div');
+    reward.id = 'CMTooltipPlantReward';
+    l('CMTooltipBorder').appendChild(reward);
+    if (plantName === 'Bakeberry') {
+      l('CMTooltipPlantReward').textContent = `${
+        mature
+          ? Beautify(Math.min(Game.cookies * 0.03, Game.cookiesPs * 60 * 30))
+          : '0'
+      } / ${Beautify(Game.cookiesPs * 60 * 30)}`;
+    } else if (plantName === 'Chocoroot' || plantName === 'White chocoroot') {
+      l('CMTooltipPlantReward').textContent = `${
+        mature
+          ? Beautify(Math.min(Game.cookies * 0.03, Game.cookiesPs * 60 * 3))
+          : '0'
+      } / ${Beautify(Game.cookiesPs * 60 * 3)}`;
+    } else if (plantName === 'Queenbeet') {
+      l('CMTooltipPlantReward').textContent = `${
+        mature
+          ? Beautify(Math.min(Game.cookies * 0.04, Game.cookiesPs * 60 * 60))
+          : '0'
+      } / ${Beautify(Game.cookiesPs * 60 * 60)}`;
+    } else if (plantName === 'Duketater') {
+      l('CMTooltipPlantReward').textContent = `${
+        mature
+          ? Beautify(Math.min(Game.cookies * 0.08, Game.cookiesPs * 60 * 120))
+          : '0'
+      } / ${Beautify(Game.cookiesPs * 60 * 120)}`;
+    } else l('CMTooltipArea').style.display = 'none';
+  } else l('CMTooltipArea').style.display = 'none';
+}

src/Disp/Tooltips/TypesOfTooltips/Grimoire.js

@@ -0,0 +1,80 @@
+import { CacheNoGoldSwitchCookiesPS } from '../../../Cache/VariablesAndData';
+import { CMOptions } from '../../../Config/VariablesAndData';
+import {
+  Beautify,
+  GetTimeColor,
+} from '../../BeautifyAndFormatting/BeautifyFormatting';
+import CalculateGrimoireRefillTime from '../../HelperFunctions/CalculateGrimoireRefillTime';
+import GetWrinkConfigBank from '../../HelperFunctions/GetWrinkConfigBank';
+import { ColorTextPre, TooltipName } from '../../VariablesAndData';
+import * as Create from '../CreateTooltip';
+
+/**
+ * This function adds extra info to the Grimoire tooltips
+ * It adds to the additional information to l('CMTooltipArea')
+ */
+export default function Grimoire() {
+  const { minigame } = Game.Objects['Wizard tower'];
+  const spellCost = minigame.getSpellCost(minigame.spellsById[TooltipName]);
+
+  if (CMOptions.TooltipGrim === 1 && spellCost <= minigame.magicM) {
+    const tooltipBox = l('CMTooltipBorder');
+
+    // Time left till enough magic for spell
+    tooltipBox.appendChild(Create.TooltipCreateHeader('Time Left'));
+    const time = document.createElement('div');
+    time.id = 'CMTooltipTime';
+    tooltipBox.appendChild(time);
+    const timeColor = GetTimeColor(
+      CalculateGrimoireRefillTime(minigame.magic, minigame.magicM, spellCost),
+    );
+    time.textContent = timeColor.text;
+    time.className = ColorTextPre + timeColor.color;
+
+    // Time left untill magic spent is recovered
+    if (spellCost <= minigame.magic) {
+      tooltipBox.appendChild(Create.TooltipCreateHeader('Recover Time'));
+      const recover = document.createElement('div');
+      recover.id = 'CMTooltipRecover';
+      tooltipBox.appendChild(recover);
+      const recoverColor = GetTimeColor(
+        CalculateGrimoireRefillTime(
+          Math.max(0, minigame.magic - spellCost),
+          minigame.magicM,
+          minigame.magic,
+        ),
+      );
+      recover.textContent = recoverColor.text;
+      recover.className = ColorTextPre + recoverColor.color;
+    }
+
+    // Extra information on cookies gained when spell is Conjure Baked Goods (Name === 0)
+    if (TooltipName === '0') {
+      tooltipBox.appendChild(
+        Create.TooltipCreateHeader('Cookies to be gained/lost'),
+      );
+      const conjure = document.createElement('div');
+      conjure.id = 'x';
+      tooltipBox.appendChild(conjure);
+      const reward = document.createElement('span');
+      reward.style.color = '#33FF00';
+      reward.textContent = Beautify(
+        Math.min(
+          (Game.cookies + GetWrinkConfigBank()) * 0.15,
+          CacheNoGoldSwitchCookiesPS * 60 * 30,
+        ),
+        2,
+      );
+      conjure.appendChild(reward);
+      const seperator = document.createElement('span');
+      seperator.textContent = ' / ';
+      conjure.appendChild(seperator);
+      const loss = document.createElement('span');
+      loss.style.color = 'red';
+      loss.textContent = Beautify(CacheNoGoldSwitchCookiesPS * 60 * 15, 2);
+      conjure.appendChild(loss);
+    }
+
+    l('CMTooltipArea').appendChild(tooltipBox);
+  } else l('CMTooltipArea').style.display = 'none';
+}

src/Disp/Tooltips/TypesOfTooltips/HarvestAll.js

@@ -0,0 +1,57 @@
+import { CMOptions } from '../../../Config/VariablesAndData';
+import { Beautify } from '../../BeautifyAndFormatting/BeautifyFormatting';
+import * as Create from '../CreateTooltip';
+
+/**
+ * This function adds extra info to the Garden Harvest All tooltip
+ * It is called when the Harvest All tooltip is created or refreshed by CM.Disp.UpdateTooltip()
+ * It adds to the additional information to l('CMTooltipArea')
+ */
+export default function HarvestAll() {
+  const { minigame } = Game.Objects.Farm;
+  if (CMOptions.TooltipLump) {
+    l('CMTooltipBorder').appendChild(
+      Create.TooltipCreateHeader('Cookies gained from harvesting:'),
+    );
+    let totalGain = 0;
+    let mortal = 0;
+    if (Game.keys[16] && Game.keys[17]) mortal = 1;
+    for (let y = 0; y < 6; y++) {
+      for (let x = 0; x < 6; x++) {
+        if (minigame.plot[y][x][0] >= 1) {
+          const tile = minigame.plot[y][x];
+          const me = minigame.plantsById[tile[0] - 1];
+          const plantName = me.name;
+
+          let count = true;
+          if (mortal && me.immortal) count = false;
+          if (tile[1] < me.matureBase) count = false;
+          if (count && plantName === 'Bakeberry') {
+            totalGain += Math.min(
+              Game.cookies * 0.03,
+              Game.cookiesPs * 60 * 30,
+            );
+          } else if (
+            (count && plantName === 'Chocoroot') ||
+            plantName === 'White chocoroot'
+          ) {
+            totalGain += Math.min(Game.cookies * 0.03, Game.cookiesPs * 60 * 3);
+          } else if (count && plantName === 'Queenbeet') {
+            totalGain += Math.min(
+              Game.cookies * 0.04,
+              Game.cookiesPs * 60 * 60,
+            );
+          } else if (count && plantName === 'Duketater') {
+            totalGain += Math.min(
+              Game.cookies * 0.08,
+              Game.cookiesPs * 60 * 120,
+            );
+          }
+        }
+      }
+    }
+    l('CMTooltipBorder').appendChild(
+      document.createTextNode(Beautify(totalGain)),
+    );
+  } else l('CMTooltipArea').style.display = 'none';
+}