[Automated] Merge dev into gh-pages

* Fix icons for locked plants in garden not showing

* Fix NaNs for weed mult edge case

* [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci

* Fix ESLint issue caused by pre-commit

---------

Co-authored-by: srs42006 <45675882+srs42006@users.noreply.github.com>
Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

.eslintignore

@@ -1,6 +0,0 @@
-CookieMonster.js
-CookieMonster.user.js
-src/*.js
-!src/CookieMonster.js
-!src/*/*
-dist/*

.eslintrc.js

@@ -1,40 +0,0 @@
-module.exports = {
-	env: {
-		browser: true,
-		es2021: true,
-	},
-	globals: {
-		Game: 'writable',
-		l: 'readonly',
-		b64_to_utf8: 'readonly',
-		utf8_to_b64: 'readonly',
-		realAudio: 'readonly',
-		BeautifyAll: 'readonly',
-		CM: 'writable',
-		unsafeWindow: 'readonly',
-	},
-	extends: 'airbnb-base',
-	parserOptions: {
-		ecmaVersion: 12,
-	},
-	rules: {
-		indent: ['error', 'tab'],
-		'import/no-named-default': 'off',
-		'import/no-mutable-exports': 'off',
-		'no-tabs': 'off',
-		'max-len': 'off',
-		'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',
-	},
-};

.eslintrc.json

@@ -0,0 +1,35 @@
+{
+  "env": {
+    "browser": true,
+    "es2021": true
+  },
+  "globals": {
+    "Game": "writable",
+    "l": "readonly",
+    "b64_to_utf8": "readonly",
+    "utf8_to_b64": "readonly",
+    "BeautifyAll": "readonly"
+  },
+  "extends": ["airbnb-base", "prettier"],
+  "parserOptions": {
+    "ecmaVersion": 12
+  },
+  "ignorePatterns": ["*CookieMonster*.js", "dist/*", "node_modules/*"],
+  "rules": {
+    "import/no-mutable-exports": "off", // We need to this throughout Cookie Monster
+    "no-plusplus": [
+      "error",
+      {
+        "allowForLoopAfterthoughts": true
+      }
+    ],
+    "func-names": "off", // To allow unnamed arrow functions
+    "prefer-destructuring": [
+      "error",
+      {
+        "object": true,
+        "array": false
+      }
+    ] // Importing arrays and then destructuring them seems to fail
+  }
+}

.github/CONTRIBUTING.md

@@ -0,0 +1,19 @@
+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.yml

@@ -0,0 +1,53 @@
+name: 🐛 Bug report
+description: Report a bug in Cookie Monster
+labels: [Bug]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        **Thank you for wanting to report a bug in Cookie Monster!**
+
+        ⚠ Please make sure that this [issue wasn't already requested][issue search], or already implemented in the ``dev`` branch.
+
+
+        [issue search]: https://github.com/CookieMonsterTeam/CookieMonster/issues?q=is%3Aissue+is%3Aopen+
+
+  - type: textarea
+    id: what-happened
+    attributes:
+      label: Bug description
+      description: What is the bug about?
+      placeholder: |
+        # Please describe the bug and what you would have expected the mod to do
+    validations:
+      required: true
+  - type: textarea
+    id: reproduce
+    attributes:
+      label: To reproduce
+      description: How can you reproduce the bug?
+      placeholder: |
+        The steps needed to reproduce the behavior:
+        1.
+    validations:
+      required: true
+  - type: textarea
+    id: screenshots
+    attributes:
+      label: Screenshot
+      description: Please provide any relevant screenshots
+  - type: textarea
+    id: savefile
+    attributes:
+      label: Save file
+      description: Please provide a save file and paste it in between the "```"
+      placeholder: |
+        ```SAVE FILE HERE```
+  - type: textarea
+    id: environment
+    attributes:
+      label: Browser / Steam / Version
+      description: Are you playing on browser (if so, which?) or Steam? And which version?
+      placeholder: Steam, version 2.04
+    validations:
+      required: true

.github/ISSUE_TEMPLATE/bug_report.md

@@ -1,23 +0,0 @@
----
-name: Bug report
-about: Please use this template to report bugs you might have found
-title: ''
-labels: Bug
-assignees: ''
-
----
-
-**Describe the bug**
-Please describe the bug and what you would have expected the mod to do
-
-**To Reproduce**
-The steps needed to reproduce the behavior:
-1. ...
-
-**Screenshots**
-If applicable, add screenshots to help explain your problem.
-
-**Save file**
-```
-If applicable please copy your save file here
-```

.github/ISSUE_TEMPLATE/feature-request.yml

@@ -0,0 +1,28 @@
+name: ✨ Feature request
+description: Request a new feature for Cookie Monster
+labels: [Enhancement]
+body:
+  - type: markdown
+    attributes:
+      value: |
+        **Thank you for wanting to suggest a new function for Cookie Monster!**
+
+        ⚠ Please make sure that this [feature wasn't already requested][issue search], or already implemented in the ``dev`` branch.
+
+
+        [issue search]: https://github.com/CookieMonsterTeam/CookieMonster/issues?q=is%3Aissue+is%3Aopen+
+
+  - type: textarea
+    id: what-is-wanted
+    attributes:
+      label: Feature description
+      description: Describe the function you'd like to see added to CookieMonster
+      placeholder: |
+        # A clear and concise description of what you want to happen.
+    validations:
+      required: true
+  - type: textarea
+    id: additional-info
+    attributes:
+      label: Additional files
+      description: Add any other files such as save files or screenshots about the feature request here.

.github/ISSUE_TEMPLATE/feature_request.md

@@ -1,14 +0,0 @@
----
-name: Feature request
-about: Suggest an idea for CookieMonster
-title: ''
-labels: Enhancement
-assignees: ''
-
----
-
-**Describe the function you'd like to see added to CookieMonster**
-A clear and concise description of what you want to happen.
-
-**Additional files**
-Add any other files such as save files or screenshots about the feature request here.

.github/dependabot.yml

@@ -0,0 +1,11 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://help.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: 'npm'
+    directory: '/' # Location of package manifests
+    schedule:
+      interval: 'weekly'

.github/workflows/CI.yml

@@ -1,31 +1,43 @@
 name: CI
-on: pull_request
+on:
+  push:
+    branches:
+      - main
+      - dev
+      - gh-pages
+  pull_request:
 jobs:
-  Check_ESLint:
+  Check_linting_test_and_build:
     runs-on: ubuntu-latest
+    env:
+      GITHUB_REGISTRY_PAT: ${{ secrets.GITHUB_TOKEN }}
     steps:
-    - uses: actions/checkout@v2
+      - uses: actions/checkout@v2
-    - name: Run ESLint
+      - uses: actions/setup-node@v2
-      run: |
+        with:
-        npm install
+          node-version: 22
-        npx eslint src
+      - name: Install dependencies
-  Check_main_file:
+        run: npm ci
-    runs-on: ubuntu-latest
+      - name: Run ESLint
-    steps:
+        run: npx eslint
-    - uses: actions/checkout@v2
+      - name: Run Mocha tests
-    - name: Check if CookieMonster.js is built correctly 
+        run: npx mocha
-      run: |
+      - name: Check if CookieMonsterDev.js is built correctly
-        npm install
+        run: |
-        npx webpack -o ./test --env production
+          npx webpack -o ./tmp --env minimize
-        if cmp <(head -n 2 dist/CookieMonster.js) <(head -n 2 test/CookieMonster.js); then
+          if cmp <(head -n 2 dist/CookieMonsterDev.js) <(head -n 2 tmp/CookieMonsterDev.js); then
-            echo '### SUCCESS: CookieMonster is correctly built! ###'
+              echo '### SUCCESS: CookieMonsterDev is built correctly! ###'
-        else
+          else
-            echo '### WARNING: CookieMonster.js does not seem to be correct. Make sure to run "npm run build" after saving all your changes! ###'
+              echo '### WARNING: CookieMonsterDev.js does not seem to be correct. Make sure to run "npm run build-dev" after saving all your changes! ###'
-            exit 1
+              exit 1
-        fi
+          fi
-        if cmp <(head -n 2 CookieMonster.js) <(head -n 2 test/CookieMonster.js); then
+      - name: Check if CookieMonster.js is built correctly
-            echo '### SUCCESS: CookieMonster is correctly built! ###'
+        if: github.ref == 'refs/heads/master'
-        else
+        run: |
-            echo '### WARNING: Make sure to move the file from the /dist folder to the main folder. Otherwise Github Pages won't notice it ###'
+          npx webpack -o ./tmp --env minimize --env finalfile
-            exit 1
+          if cmp <(head -n 2 dist/CookieMonster.js) <(head -n 2 tmp/CookieMonster.js); then
-        fi
+              echo '### SUCCESS: CookieMonster is built correctly! ###'
+          else
+              echo '### WARNING: CookieMonster.js does not seem to be correct. Make sure to run "npm run build-final" after saving all your changes! ###'
+              exit 1
+          fi

.github/workflows/publish-dev.yml

@@ -0,0 +1,16 @@
+name: Publish
+on:
+  push:
+    branches:
+      - 'dev'
+jobs:
+  publish-dev:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - uses: everlytic/branch-merge@1.1.0
+        with:
+          github_token: ${{ github.token }}
+          source_ref: 'dev'
+          target_branch: 'gh-pages'
+          commit_message_template: '[Automated] Merge {source_ref} into {target_branch}'

.mocharc.json

@@ -0,0 +1,3 @@
+{
+  "recursive": true
+}

.npmrc

@@ -0,0 +1,4 @@
+always-auth=true
+registry=https://registry.npmjs.org/
+@cookiemonsterteam:registry=https://npm.pkg.github.com
+//npm.pkg.github.com/:_authToken=${GITHUB_REGISTRY_PAT}

.pre-commit-config.yaml

@@ -0,0 +1,12 @@
+repos:
+  - repo: https://github.com/pre-commit/mirrors-prettier
+    rev: v4.0.0-alpha.8
+    hooks:
+      - id: prettier
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v5.0.0
+    hooks:
+      - id: trailing-whitespace
+        exclude: dist
+      - id: end-of-file-fixer
+        exclude: dist

.prettierignore

@@ -0,0 +1 @@
+dist

.prettierrc.json

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

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

CookieMonster.user.js

@@ -1,19 +1,14 @@
 // ==UserScript==
 // @name Cookie Monster
 // @include /https?://orteil.dashnet.org/cookieclicker/
+// @include /https?://cookieclicker.ee/
 // ==/UserScript==
 
 const readyCheck = setInterval(() => {
-    const Game = unsafeWindow.Game;
+  const Game = unsafeWindow.Game;
 
-    if (
+  if (typeof Game !== 'undefined' && typeof Game.ready !== 'undefined' && Game.ready) {
-        typeof Game !== "undefined" &&
+    Game.LoadMod('https://cookiemonsterteam.github.io/CookieMonster/dist/CookieMonster.js');
-        typeof Game.ready !== "undefined" &&
+    clearInterval(readyCheck);
-        Game.ready
+  }
-    ) {
-        Game.LoadMod(
-            "https://aktanusa.github.io/CookieMonster/CookieMonster.js"
-        );
-        clearInterval(readyCheck);
-    }
 }, 1000);

LICENSE.md

@@ -1,6 +1,6 @@
 The MIT License (MIT)
 
-Copyright (c) 2014 Aktanusa
+Copyright (c) 2021 CookieMonsterTeam
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

README.md

@@ -1,30 +1,38 @@
-![ESLint](https://github.com/Aktanusa/CookieMonster/workflows/ESLint/badge.svg?event=push)
+[![CI](https://github.com/CookieMonsterTeam/CookieMonster/actions/workflows/CI.yml/badge.svg)](https://github.com/CookieMonsterTeam/CookieMonster/actions/workflows/CI.yml)
+
 ## Cookie Monster
 
 **Cookie Monster** is an addon you can load into Cookie Clicker, that 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.
-The mod helps you to *whichever* degree you want, if you only need some help shortening long numbers, it does that. If you need to be accompanied by hand to pick the best buildings to buy, it does that, but **everything is an option**.
+The mod helps you to _whichever_ degree you want, if you only need some help shortening long numbers, it does that. If you need to be accompanied by hand to pick the best buildings to buy, it does that, but **everything is an option**.
 
 ### Current version
-The `gh-pages` branch hosts the latest version intended for general users. All development and pull requests should target the `dev` branch.
+
+The `master` branch hosts the latest production version intended for general users.
+All development and pull requests should target the `dev` branch.
+Github Pages is hosted from the `gh-pages` branch
 
 ### What it does
 
-At its core, Cookie Monster computes an index for both buildings and upgrades: the **Payback Period (PP)**. This indicates how much a building is worth by using the following formula: 
+At its core, Cookie Monster computes an index for both buildings and upgrades: the **Payback Period (PP)**. CM will take _everything_ in consideration, meaning if buying a building also unlocks an achievement which boosts your income, which unlocks an achievement, CM will know and highlight that building's value. CM uses the following formula to calculate the PP:
-```
+
+```javascript
 max(cost - cookies in bank, 0)/cps + cost/Δ cps
 ```
 
-Cookie Monster also indicates the time left before being able to buy an upgrade or building, and takes it into consideration. It will take *everything* in consideration, meaning if buying a building also unlocks an achievement which boosts your income, which unlocks an achievement, it will know and highlight that building's value.
+If the relevant option is enabled, CM will color-code each of them based on their value. CM compares the PP across all possible buy options: if a buy 10 option is better than any of the buy 1 options Cookie Monster will colour them accordingly. Note that sometimes it is better to buy 10 of a building than to buy only 1, CM will also indicate this!
 
-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:
+<details>
+  <summary>The following standard colours are used:</summary>
 
-* 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
+
+</details>
 
 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.
 
@@ -36,8 +44,8 @@ Copy this code and save it as a bookmark. Paste it in the URL section. To activa
 
 ```javascript
 javascript: (function () {
-	Game.LoadMod('https://aktanusa.github.io/CookieMonster/CookieMonster.js');
+  Game.LoadMod('https://cookiemonsterteam.github.io/CookieMonster/dist/CookieMonster.js');
-}());
+})();
 ```
 
 If (for some reason) the above doesn't work, trying pasting everything after the <code>javascript:</code> bit into your browser's console.
@@ -50,26 +58,32 @@ If you'd rather use the addon as a [userscript](https://en.wikipedia.org/wiki/Us
 
 ## Bugs and suggestions
 
-Any bug or suggestion should be **opened as an issue** [in the repository](https://github.com/Aktanusa/CookieMonster/issues) for easier tracking. This allows us to close issues once they're fixed.
+Any bug or suggestion should be **opened as an issue** [in the repository](https://github.com/CookieMonsterTeam/CookieMonster/issues) for easier tracking. This allows us to close issues once they're fixed.
 
-Before submitting a bug, make sure to give a shot at the latest version of the addon on the `dev` branch. This version can be tested by copying the `CookieMonster.js` file of the dev branch into your console. If the bug is still here, you can submit an issue for it. Please do so by using the bug report template.
+Before submitting a bug, make sure to give a shot at the latest version of the addon on the `dev` branch. This version can be tested by copying the `CookieMonsterDev.js` file of the dev branch into your console. You can also load the dev-version by using `https://cookiemonsterteam.github.io/CookieMonster/dist/CookieMonsterDev.js` to load the mod. If the bug is still here, you can submit an issue for it. Please do so by using the bug report template.
 
 All suggestions are welcome, even the smallest ones.
 
+## For developers
+
+Cookie Monster exposes some of the data it creates to the global scope. This data can be found in the `CookieMonsterData` object after loading Cookie Monster.
+
+Currently we expose relevant data for buildings and upgrades (PP, colour and bonus income). If you would like us to add any additional data, please feel free to open an issue or create a PR doing so!
+
 ## Contributing
 
-To contribute you can fork and clone the repository and run `npm install`.
+To contribute you can fork and clone the repository and run `npm install`. Note that you will need to authenticate to the GitHub Package Registry (see [this documentation](https://docs.github.com/en/packages/working-with-a-github-packages-registry/working-with-the-npm-registry#authenticating-to-github-packages)). After creating a Public Access Token you should export this variable to $GITHUB_REGISTRY_PAT as defined in `.npmrc`.
 
-Please also remember to run `npm run build` after saving all your changes to build the final `CookieMonster.js` file.
+Please also remember to run `npm run build-dev` after saving all your changes to build the final `CookieMonsterDev.js` file.
+
+Before pushing a new version to `main` and Github pages use the `build-final` command to build the final file.
 
 ## Contributors
 
-* **[Raving_Kumquat](https://cookieclicker.wikia.com/wiki/User:Raving_Kumquat)**: Original author
+- **[Raving_Kumquat](https://cookieclicker.wikia.com/wiki/User:Raving_Kumquat)**: Original author
-* **[Maxime Fabre](https://github.com/Anahkiasen)**: Previous maintainer
+- **[Maxime Fabre](https://github.com/Anahkiasen)**: Previous maintainer
-* **[Alderi Tokori](http://forum.dashnet.org/profile/Alderi)**: ROI calculations (unused now)
+- **[BlackenedGem](https://github.com/BlackenedGem)**: Golden/Wrath Cookie Favicons
-* **[Alhifar](https://github.com/Alhifar)**: Missed Golden Cookie Stat
+- **[Sandworm](https://github.com/svschouw)**: Modified PP calculation
-* **[BlackenedGem](https://github.com/BlackenedGem)**: Golden/Wrath Cookie Favicons
+- **[Aktanusa](https://github.com/Aktanusa)**: Current maintainer
-* **[Sandworm](https://github.com/svschouw)**: Modified PP calculation
+- **[DanielNoord](https://github.com/DanielNoord)**: Current maintainer
-* **[Aktanusa](https://github.com/Aktanusa)**: Current maintainer
+- **[bitsandbytes1708](https://github.com/bitsandbytes1708)**: Current maintainer
-* **[DanielNoord](https://github.com/DanielNoord)**: Current maintainer
-* **[bitsandbytes1708](https://github.com/bitsandbytes1708)**: Current maintainer

dist/CookieMonsterDev.js.LICENSE.txt

@@ -0,0 +1,10 @@
+/**
+ * jscolor - JavaScript Color Picker
+ *
+ * @link    http://jscolor.com
+ * @license For open source use: GPLv3
+ *          For commercial use: JSColor Commercial License
+ * @author  Jan Odvarko - East Desire
+ *
+ * See usage examples at http://jscolor.com/examples/
+ */

eslint.config.mjs

@@ -0,0 +1,59 @@
+import globals from 'globals';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  {
+    ignores: [
+      'eslint.config.mjs',
+      'webpack.config.cjs',
+      '**/CookieMonster.user.js',
+      'dist/*',
+      'node_modules/*',
+    ],
+  },
+  ...compat.extends('airbnb-base', 'prettier'),
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        Game: 'writable',
+        l: 'readonly',
+        b64_to_utf8: 'readonly',
+        utf8_to_b64: 'readonly',
+        BeautifyAll: 'readonly',
+      },
+      ecmaVersion: 'latest',
+      sourceType: 'module',
+    },
+    rules: {
+      'import/extensions': ['error', 'ignorePackages'],
+      'import/no-mutable-exports': 'off',
+      'no-import-assign': 'off',
+      'no-plusplus': [
+        'error',
+        {
+          allowForLoopAfterthoughts: true,
+        },
+      ],
+      'func-names': 'off',
+      'prefer-destructuring': [
+        'error',
+        {
+          object: true,
+          array: false,
+        },
+      ],
+    },
+  },
+];

package.json

@@ -1,63 +1,79 @@
 {
-    "name": "cookiemonster-mod",
+  "name": "@cookiemonsterteam/cookiemonster-mod",
-    "version": "2.031.5",
+  "version": "2.058.0",
-    "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.",
+  "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",
+  "main": "CookieMonster.js",
-    "keywords": [
+  "keywords": [
-        "Cookie Clicker",
+    "Cookie Clicker",
-        "javascript",
+    "javascript",
-        "mod",
+    "mod",
-        "Dashnet",
+    "Dashnet",
-        "Orteil"
+    "Orteil"
-    ],
+  ],
-    "scripts": {
+  "scripts": {
-        "eslint_src": "eslint src",
+    "build-dev": "run-s eslint test pack-prod",
-        "build": "run-s eslint_src pack_prod remove_comment",
+    "build-final": "run-s eslint test pack-final",
-        "build_test": "run-s pack_dev",
+    "build-test": "webpack",
-        "pack_prod": "webpack --env production",
+    "eslint": "eslint",
-        "pack_dev": "webpack",
+    "pack-prod": "webpack --env minimize",
-        "remove_comment": "sed -i '' -e '/\\/\\/# sourceMappingURL.*/d' dist/CookieMonster.js"
+    "pack-final": "webpack --env minimize --env finalfile",
+    "test": "mocha"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CookieMonsterTeam/CookieMonster"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "Aktanusa",
+    "email": "chanam.geo@yahoo.com"
+  },
+  "contributors": [
+    {
+      "name": "Daniël van Noord",
+      "email": "13665637+DanielNoord@users.noreply.github.com"
     },
-    "repository": {
+    {
-        "type": "git",
+      "name": "Aran Leite",
-        "url": "git+https://github.com/Aktanusa/CookieMonster.git"
+      "email": "hyoretsu@gmail.com",
-    },
+      "url": "https://www.linkedin.com/in/aranleite"
-    "license": "MIT",
-    "author": {
-        "name": "Aktanusa",
-        "email": "chanam.geo@yahoo.com"
-    },
-    "contributors": [
-        {
-            "name": "Daniël van Noord",
-            "email": "13665637+DanielNoord@users.noreply.github.com"
-        },
-        {
-            "name": "Aran Leite",
-            "email": "hyoretsu@gmail.com",
-            "url": "https://www.linkedin.com/in/aranleite"
-        }
-    ],
-    "bugs": {
-        "url": "https://github.com/Aktanusa/CookieMonster/issues"
-    },
-    "homepage": "https://github.com/Aktanusa/CookieMonster#readme",
-    "devDependencies": {
-        "eslint": "^7.19.0",
-        "eslint-config-airbnb-base": "^14.2.1",
-        "eslint-plugin-import": "^2.22.1",
-        "npm-run-all": "^4.1.5",
-        "webpack": "^5.24.4",
-        "webpack-cli": "^4.5.0"
-    },
-    "ccrepo": {
-        "icon": [
-            10,
-            0
-        ],
-        "name": "Cookie Monster"
-    },
-    "dependencies": {
-        "@eastdesire/jscolor": "^2.4.5"
     }
+  ],
+  "bugs": {
+    "url": "https://github.com/CookieMonsterTeam/CookieMonster/issues"
+  },
+  "homepage": "https://github.com/CookieMonsterTeam/CookieMonster#readme",
+  "ccrepo": {
+    "icon": [
+      10,
+      0
+    ],
+    "name": "Cookie Monster"
+  },
+  "type": "module",
+  "engines": {
+    "node": ">=22"
+  },
+  "dependencies": {
+    "@cookiemonsterteam/cookiemonsterframework": "0.2.3",
+    "@eastdesire/jscolor": "^2.5.1",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.2.0",
+    "@eslint/js": "^9.20.0",
+    "chai": "^5.2.0",
+    "eslint": "^9.21.0",
+    "eslint-config-airbnb-base": "^15.0.0",
+    "eslint-config-prettier": "^10.0.1",
+    "globals": "^16.0.0",
+    "mocha": "^11.1.0",
+    "npm-run-all": "^4.1.5",
+    "prettier": "^3.5.2",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1"
+  },
+  "overrides": {
+    "eslint-config-airbnb-base": {
+      "eslint": "^9.20.0"
+    }
+  }
 }

src/Cache/CPS/AverageQueue.js

@@ -1,8 +1,11 @@
-/* eslint-disable no-unused-vars */
+import { ClickTimes, CookieTimes } from '../../Disp/VariablesAndData.js';
-import { ClickTimes, CookieTimes } from '../../Disp/VariablesAndData';
 import {
-	ChoEggDiff, ClicksDiff, CookiesDiff, WrinkDiff, WrinkFattestDiff,
+  ChoEggDiff, // eslint-disable-line no-unused-vars
-} from '../VariablesAndData';
+  ClicksDiff, // eslint-disable-line no-unused-vars
+  CookiesDiff, // eslint-disable-line no-unused-vars
+  WrinkDiff, // eslint-disable-line no-unused-vars
+  WrinkFattestDiff, // eslint-disable-line no-unused-vars
+} from '../VariablesAndData.js';
 
 /**
  * @class
@@ -13,34 +16,43 @@ 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; i >= 0 && i > this.queue.length - 1 - time; i--) {
-		}
+      ret += this.queue[i];
-		if (ret === 0) {
+    }
-			return 0;
+    if (ret === 0) {
-		}
+      return 0;
-		return ret / timePeriod;
+    }
-	}
+    return ret / time;
+  }
+
+  calcSum(timePeriod) {
+    let time = timePeriod;
+    if (time > this.maxLength) time = this.maxLength;
+    if (time > this.queue.length) time = this.queue.length;
+    if (time === 0) return 0;
+    return this.queue.slice(-time).reduce((a, b) => a + b, 0);
+  }
 }
 
 /**
@@ -48,9 +60,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

@@ -1,10 +1,29 @@
-/* eslint-disable no-unused-vars */
+import { ClickTimes, CookieTimes } from '../../Disp/VariablesAndData.js';
-
+import FillCMDCache from '../FillCMDCache.js';
-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,
-} from '../VariablesAndData';
+  CacheAverageCPS,
+  CacheAverageGainBank,
+  CacheAverageGainChoEgg,
+  CacheAverageGainWrink,
+  CacheAverageGainWrinkFattest,
+  CacheAvgCPSWithChoEgg,
+  CacheLastChoEgg,
+  CacheLastClicks,
+  CacheLastCookies,
+  CacheLastCPSCheck,
+  CacheLastWrinkCookies,
+  CacheLastWrinkFattestCookies,
+  CacheRealCookiesEarned,
+  CacheSellForChoEgg,
+  CacheWrinklersFattest,
+  CacheWrinklersTotal,
+  ChoEggDiff,
+  ClicksDiff,
+  CookiesDiff,
+  WrinkDiff,
+  WrinkFattestDiff,
+} from '../VariablesAndData.js';
 
 /**
  * This functions caches two variables related average CPS and Clicks
@@ -15,53 +34,80 @@ 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 = Math.max(0, CacheWrinklersTotal - CacheLastWrinkCookies) / timeDiff;
-		const wrinkFattestDiffAvg = Math.max(0, (CacheWrinklersFattest[0] - CacheLastWrinkFattestCookies)) / timeDiff;
+    const wrinkFattestDiffAvg =
-		const choEggDiffAvg = Math.max(0, (choEggTotal - CacheLastChoEgg)) / timeDiff;
+      Math.max(0, CacheWrinklersFattest[0] - CacheLastWrinkFattestCookies) / timeDiff;
-		const clicksDiffAvg = (Game.cookieClicks - CacheLastClicks) / timeDiff;
+    const choEggDiffAvg = Math.max(0, choEggTotal - CacheLastChoEgg) / timeDiff;
-		for (let i = 0; i < timeDiff; i++) {
+    const clicksDiffAvg = (Game.cookieClicks - CacheLastClicks) / timeDiff;
-			CookiesDiff.addLatest(bankDiffAvg);
+    for (let i = 0; i < timeDiff; i++) {
-			WrinkDiff.addLatest(wrinkDiffAvg);
+      CookiesDiff.addLatest(bankDiffAvg);
-			WrinkFattestDiff.addLatest(wrinkFattestDiffAvg);
+      WrinkDiff.addLatest(wrinkDiffAvg);
-			ChoEggDiff.addLatest(choEggDiffAvg);
+      WrinkFattestDiff.addLatest(wrinkFattestDiffAvg);
-			ClicksDiff.addLatest(clicksDiffAvg);
+      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 =
-		CacheAverageGainBank = CookiesDiff.calcAverage(cpsLength);
+      CookieTimes[Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgCPSHist];
-		CacheAverageGainWrink = WrinkDiff.calcAverage(cpsLength);
+    CacheAverageGainBank = CookiesDiff.calcAverage(cpsLength);
-		CacheAverageGainWrinkFattest = WrinkFattestDiff.calcAverage(cpsLength);
+    CacheAverageGainWrink = WrinkDiff.calcAverage(cpsLength);
-		CacheAverageGainChoEgg = ChoEggDiff.calcAverage(cpsLength);
+    CacheAverageGainWrinkFattest = WrinkFattestDiff.calcAverage(cpsLength);
-		CacheAverageCPS = CacheAverageGainBank;
+    CacheAverageGainChoEgg = ChoEggDiff.calcAverage(cpsLength);
-		if (CMOptions.CalcWrink === 1) CacheAverageCPS += CacheAverageGainWrink;
+    CacheAverageCPS = CacheAverageGainBank;
-		if (CMOptions.CalcWrink === 2) CacheAverageCPS += CacheAverageGainWrinkFattest;
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 1)
+      CacheAverageCPS += CacheAverageGainWrink;
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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 (
-			CacheAvgCPSWithChoEgg = CacheAverageGainBank + CacheAverageGainWrink + (choEgg ? CacheAverageGainChoEgg : 0);
+      choEgg ||
-		} else CacheAvgCPSWithChoEgg = CacheAverageCPS;
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 0
+    ) {
+      CacheAvgCPSWithChoEgg =
+        CacheAverageGainBank + CacheAverageGainWrink + (choEgg ? CacheAverageGainChoEgg : 0);
+    } else CacheAvgCPSWithChoEgg = CacheAverageCPS;
 
-		CacheAverageClicks = ClicksDiff.calcAverage(ClickTimes[CMOptions.AvgClicksHist]);
+    CacheAverageClicks = ClicksDiff.calcAverage(
-	}
+      ClickTimes[Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgClicksHist],
+    );
+  }
+
+  FillCMDCache({
+    CacheRealCookiesEarned,
+    CacheLastCPSCheck,
+    CacheLastCookies,
+    CacheLastWrinkCookies,
+    CacheLastWrinkFattestCookies,
+    CacheLastChoEgg,
+    CacheLastClicks,
+    CacheAverageGainBank,
+    CacheAverageGainWrink,
+    CacheAverageGainWrinkFattest,
+    CacheAverageGainChoEgg,
+    CacheAverageCPS,
+    CacheAvgCPSWithChoEgg,
+    CacheAverageClicks,
+  });
 }

src/Cache/CPS/CurrWrinklerCPS.js

@@ -1,6 +1,6 @@
-/* eslint-disable no-unused-vars */
+import { SimObjects } from '../../Sim/VariablesAndData.js';
-import { SimObjects } from '../../Sim/VariablesAndData';
+import FillCMDCache from '../FillCMDCache.js';
-import { CacheCurrWrinklerCount, CacheCurrWrinklerCPSMult } from '../VariablesAndData';
+import { CacheCurrWrinklerCount, CacheCurrWrinklerCPSMult } from '../VariablesAndData.js';
 
 /**
  * This functions caches the current Wrinkler CPS multiplier
@@ -8,18 +8,25 @@ 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;
+
+  FillCMDCache({ CacheCurrWrinklerCount, CacheCurrWrinklerCPSMult });
 }

src/Cache/CPS/GetCPSBuffMult.js

@@ -3,9 +3,9 @@
  * @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

@@ -1,6 +1,6 @@
-/* eslint-disable no-unused-vars */
+import CalcNoGoldSwitchCPS from '../../Sim/Calculations/NoGoldenSwitchCalc.js';
-import CalcNoGoldSwitchCPS from '../../Sim/Calculations/NoGoldenSwitchCalc';
+import FillCMDCache from '../FillCMDCache.js';
-import { CacheNoGoldSwitchCookiesPS } from '../VariablesAndData';
+import { CacheNoGoldSwitchCookiesPS } from '../VariablesAndData.js';
 
 /**
  * This function calculates CPS without the Golden Switch as it might be needed in other functions
@@ -8,7 +8,9 @@ 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;
+
+  FillCMDCache({ CacheNoGoldSwitchCookiesPS });
 }

src/Cache/CPS/SellChoEgg.js

@@ -1,6 +1,6 @@
-/* eslint-disable no-unused-vars */
+import SellBuildingsForChoEgg from '../../Sim/SimulationEvents/SellBuildingForChoEgg.js';
-import SellBuildingsForChoEgg from '../../Sim/SimulationEvents/SellBuildingForChoEgg';
+import FillCMDCache from '../FillCMDCache.js';
-import { CacheSellForChoEgg } from '../VariablesAndData';
+import { CacheSellForChoEgg } from '../VariablesAndData.js';
 
 /**
  * This functions caches the reward for selling the Chocolate egg
@@ -8,18 +8,20 @@ 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;
+
+  FillCMDCache({ CacheSellForChoEgg });
 }

src/Cache/CacheInit.js

@@ -1,33 +1,37 @@
-/* eslint-disable no-unused-vars */
+import { ClickTimes } from '../Disp/VariablesAndData.js';
-import { CMAvgQueue, InitCookiesDiff } from './CPS/AverageQueue';
+import { CMAvgQueue, InitCookiesDiff } from './CPS/AverageQueue.js';
-import CacheAvgCPS from './CPS/CPS';
+import CacheAvgCPS from './CPS/CPS.js';
-import CacheDragonAuras from './Dragon/CacheDragonAuras';
+import CacheDragonAuras from './Dragon/CacheDragonAuras.js';
-import CachePP from './PP/PP';
+import CachePP from './PP/PP.js';
-import { CacheBuildingsPrices, CacheIncome } from './PriceAndIncome/PriceAndIncome';
+import { CacheBuildingsPrices, CacheIncome } from './PriceAndIncome/PriceAndIncome.js';
-import { CacheChain } from './Stats/ChainCookies';
+import { CacheChain } from './Stats/ChainCookies.js';
-import CacheHeavenlyChipsPS from './Stats/HeavenlyChips';
+import CacheHeavenlyChipsPS from './Stats/HeavenlyChips.js';
-import CacheAllMissingUpgrades from './Stats/MissingUpgrades';
+import CacheAllMissingUpgrades from './Stats/MissingUpgrades.js';
-import CacheSeasonSpec from './Stats/Reindeer';
+import CacheSeasonSpec from './Stats/Reindeer.js';
-import { CacheGoldenAndWrathCookiesMults, CacheStatsCookies } from './Stats/Stats';
+import { CacheGoldenAndWrathCookiesMults, CacheStatsCookies } from './Stats/Stats.js';
-import { HeavenlyChipsDiff } from './VariablesAndData';
+import AllAmountTillNextAchievement from './TillNextAchievement/AllAmountTillNextAchievement.js';
-import CacheWrinklers from './Wrinklers/Wrinklers';
+import { CacheAverageCookiesFromClicks, HeavenlyChipsDiff } from './VariablesAndData.js'; // eslint-disable-line no-unused-vars
+import CacheWrinklers from './Wrinklers/Wrinklers.js';
 
 /**
  * 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()
+  /** Used by CM.Cache.CacheHeavenlyChipsPS() */
-	CacheHeavenlyChipsPS();
+  HeavenlyChipsDiff = new CMAvgQueue(5);
-	CacheAvgCPS();
+  CacheAverageCookiesFromClicks = new CMAvgQueue(ClickTimes[ClickTimes.length - 1] * 20);
-	CacheIncome();
+  CacheHeavenlyChipsPS();
-	CacheBuildingsPrices();
+  AllAmountTillNextAchievement();
-	CachePP();
+  CacheAvgCPS();
+  CacheIncome();
+  CacheBuildingsPrices();
+  CachePP();
 }

src/Cache/CacheLoop.js

@@ -1,26 +1,31 @@
-/* eslint-disable no-unused-vars */
+import FormatTime from '../Disp/BeautifyAndFormatting/FormatTime.js';
-import { FormatTime } from '../Disp/BeautifyAndFormatting/BeautifyFormatting';
+import GetCPS from '../Disp/HelperFunctions/GetCPS.js';
-import GetCPS from '../Disp/HelperFunctions/GetCPS';
+import CacheAvgCPS from './CPS/CPS.js';
-import CacheAvgCPS from './CPS/CPS';
+import CacheCurrWrinklerCPS from './CPS/CurrWrinklerCPS.js';
-import CacheCurrWrinklerCPS from './CPS/CurrWrinklerCPS';
+import CachePP from './PP/PP.js';
-import CachePP from './PP/PP';
+import CacheHeavenlyChipsPS from './Stats/HeavenlyChips.js';
-import CacheHeavenlyChipsPS from './Stats/HeavenlyChips';
+import AllAmountTillNextAchievement from './TillNextAchievement/AllAmountTillNextAchievement.js';
-import { CacheTimeTillNextPrestige } from './VariablesAndData';
+import { CacheTimeTillNextPrestige } from './VariablesAndData.js'; // eslint-disable-line no-unused-vars
-import CacheWrinklers from './Wrinklers/Wrinklers';
+import CacheWrinklers from './Wrinklers/Wrinklers.js';
 
 /**
  * This functions caches variables that are needed every loop
  * @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();
+  AllAmountTillNextAchievement(false);
-	CacheAvgCPS();
+  CacheCurrWrinklerCPS();
-	CacheHeavenlyChipsPS();
+  CacheAvgCPS();
+  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

@@ -1,10 +1,9 @@
-/* eslint-disable no-unused-vars */
+import { CacheDragonAura, CacheDragonAura2 } from '../VariablesAndData.js'; // eslint-disable-line no-unused-vars
-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,58 +1,72 @@
-/* eslint-disable no-unused-vars */
 /** Functions related to the Dragon */
 
-import { Beautify } from '../../Disp/BeautifyAndFormatting/BeautifyFormatting';
+import Beautify from '../../Disp/BeautifyAndFormatting/Beautify.js';
-import CopyData from '../../Sim/SimulationData/CopyData';
+import CopyData from '../../Sim/SimulationData/CopyData.js';
-import { SimDoSims, SimObjects } from '../../Sim/VariablesAndData';
+import { SimDoSims, SimObjects } from '../../Sim/VariablesAndData.js';
-import {
+import FillCMDCache from '../FillCMDCache.js';
-	CacheCostDragonUpgrade, CacheDragonAura, CacheDragonAura2, CacheLastDragonLevel,
+import { CacheCostDragonUpgrade, CacheLastDragonLevel } from '../VariablesAndData.js'; // eslint-disable-line no-unused-vars
-} 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("'", '');
+      const objectMatch = Game.dragonLevels[Game.dragonLevel].buy
-				if (Game.Objects[target].amount < amount) {
+        .toString()
-					CacheCostDragonUpgrade = 'Not enough buildings to sell';
+        .match(/Objects\[(.*)\]/);
-				} else {
+      let target =
-					let cost = 0;
+        objectMatch !== null ? objectMatch[1] : Game.ObjectsById[Game.dragonLevel - 5].name;
-					CopyData();
+      const amount = Game.dragonLevels[Game.dragonLevel].buy
-					for (let i = 0; i < amount; i++) {
+        .toString()
-						let price = SimObjects[target].basePrice * Game.priceIncrease ** Math.max(0, SimObjects[target].amount - 1 - SimObjects[target].free);
+        .match(/sacrifice\((.*?)\)/)[1];
-						price = Game.modifyBuildingPrice(SimObjects[target], price);
+      if (target !== 'i') {
-						price = Math.ceil(price);
+        target = target.replaceAll("'", '');
-						cost += price;
+        if (Game.Objects[target].amount < amount) {
-						SimObjects[target].amount--;
+          CacheCostDragonUpgrade = 'Not enough buildings to sell';
-					}
+        } else {
-					CacheCostDragonUpgrade = `Cost to rebuy: ${(cost)}`;
+          let cost = 0;
-				}
+          CopyData();
-			} else {
+          for (let i = 0; i < amount; i++) {
-				let cost = 0;
+            let price =
-				CopyData();
+              SimObjects[target].basePrice *
-				for (const j of Object.keys(Game.Objects)) {
+              Game.priceIncrease **
-					target = j;
+                Math.max(0, SimObjects[target].amount - 1 - SimObjects[target].free);
-					if (Game.Objects[target].amount < amount) {
+            price = Game.modifyBuildingPrice(SimObjects[target], price);
-						CacheCostDragonUpgrade = 'Not enough buildings to sell';
+            price = Math.ceil(price);
-						break;
+            cost += price;
-					} else {
+            SimObjects[target].amount -= 1;
-						for (let i = 0; i < amount; i++) {
+          }
-							let price = SimObjects[target].basePrice * Game.priceIncrease ** Math.max(0, SimObjects[target].amount - 1 - SimObjects[target].free);
+          CacheCostDragonUpgrade = `Cost to rebuy: ${Beautify(cost)}`;
-							price = Game.modifyBuildingPrice(SimObjects[target], price);
+        }
-							price = Math.ceil(price);
+      } else {
-							cost += price;
+        let cost = 0;
-							SimObjects[target].amount--;
+        CopyData();
-						}
+        Object.keys(Game.Objects).forEach((j) => {
-					}
+          target = j;
-					CacheCostDragonUpgrade = `Cost to rebuy: ${Beautify(cost)}`;
+          if (Game.Objects[target].amount < amount) {
-				}
+            CacheCostDragonUpgrade = 'Not enough buildings to sell';
-			}
+            return;
-		}
+          }
-		CacheLastDragonLevel = Game.dragonLevel;
+          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;
+  }
+
+  FillCMDCache({ CacheLastDragonLevel });
 }

src/Cache/FillCMDCache.js

@@ -0,0 +1,22 @@
+/**
+ * Insert the provided values into `window.CookieMonsterData.Cache`.
+ *
+ * The initial 'Cache' is dropped from the name, so e.g. `CacheWrinklersTotal`
+ * becomes `window.CookieMonsterData.Cache.WrinklersTotal`.
+ */
+export default function FillCMDCache(caches) {
+  if (!('Cache' in window.CookieMonsterData)) {
+    window.CookieMonsterData.Cache = {};
+  }
+
+  Object.keys(caches).forEach((name) => {
+    const exportName = name.replace(/^Cache/, '');
+
+    if (typeof caches[name] === 'undefined') {
+      window.CookieMonsterData.Cache[exportName] = undefined;
+    } else {
+      // Passing through JSON ensures that no references are retained.
+      window.CookieMonsterData.Cache[exportName] = JSON.parse(JSON.stringify(caches[name]));
+    }
+  });
+}

src/Cache/PP/Building.js

@@ -1,26 +1,75 @@
-/* eslint-disable no-unused-vars */
+import GetWrinkConfigBank from '../../Disp/HelperFunctions/GetWrinkConfigBank.js';
-import { CMOptions } from '../../Config/VariablesAndData';
+import { ColourGray } from '../../Disp/VariablesAndData.js';
-import GetWrinkConfigBank from '../../Disp/HelperFunctions/GetWrinkConfigBank';
+import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding.js';
-import { ColorGray } from '../../Disp/VariablesAndData';
+import FillCMDCache from '../FillCMDCache.js';
 import {
-	CacheArrayOfPPs,
+  CacheMinPP,
-	CacheMaxPP, CacheMidPP, CacheMinPP, CacheObjects1, CacheObjects10, CacheObjects100,
+  CacheMinPPBulk,
-} from '../VariablesAndData';
+  CacheObjects1,
-import ColourOfPP from './ColourOfPP';
+  CacheObjects10,
+  CacheObjects100,
+  CachePPArray,
+} from '../VariablesAndData.js';
+import ColourOfPP from './ColourOfPP.js';
 
 /**
  * This functions caches the buildings of bulk-buy mode when PP is compared against optimal single-purchase building
  * It saves all date in CM.Cache.Objects...
  * It is called by CM.Cache.CacheBuildingsPP()
  */
-function CacheBuildingsBulkPP(target) {
+function CacheColour(target, amount) {
-	for (const i of Object.keys(target)) {
+  Object.keys(target).forEach((i) => {
-		if (Game.cookiesPs) {
+    if (
-			target[i].pp = (Math.max(target[i].price - (Game.cookies + GetWrinkConfigBank()), 0) / Game.cookiesPs) + (target[i].price / target[i].bonus);
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPRigidelMode &&
-		} else target[i].pp = (target[i].price / target[i].bonus);
+      amount === 1
+    ) {
+      target[i].colour = ColourGray; // eslint-disable-line no-param-reassign
+      return;
+    }
+    // eslint-disable-next-line no-param-reassign
+    target[i].colour = ColourOfPP(
+      target[i],
+      BuildingGetPrice(
+        i,
+        Game.Objects[i].basePrice,
+        Game.Objects[i].amount,
+        Game.Objects[i].free,
+        amount,
+      ),
+    );
+    // Colour based on excluding certain top-buildings
+    for (
+      let j = 0;
+      j < Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPExcludeTop;
+      j++
+    ) {
+      if (target[i].pp === CachePPArray[j][0]) target[i].colour = ColourGray; // eslint-disable-line no-param-reassign
+    }
+  });
+}
 
-		target[i].color = ColourOfPP(target[i], target[i].price);
+function CachePP(target, amount) {
-	}
+  Object.keys(target).forEach((i) => {
+    const price = BuildingGetPrice(
+      i,
+      Game.Objects[i].basePrice,
+      Game.Objects[i].amount,
+      Game.Objects[i].free,
+      amount,
+    );
+    if (Game.cookiesPs) {
+      target[i].pp = // eslint-disable-line no-param-reassign
+        Math.max(price - (Game.cookies + GetWrinkConfigBank()), 0) / Game.cookiesPs +
+        price / target[i].bonus;
+    } else target[i].pp = price / target[i].bonus; // eslint-disable-line no-param-reassign
+    if (
+      !(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPRigidelMode &&
+        amount === 1
+      )
+    )
+      CachePPArray.push([target[i].pp, amount, price]);
+  });
 }
 
 /**
@@ -28,74 +77,36 @@ function CacheBuildingsBulkPP(target) {
  * It is called by CM.Cache.CachePP()
  */
 export default function CacheBuildingsPP() {
-	CacheMinPP = Infinity;
+  CacheMinPP = Infinity;
-	CacheMaxPP = 1;
+  CachePPArray = [];
-	CacheArrayOfPPs = [];
+  if (
-	if (typeof CMOptions.PPExcludeTop === 'undefined') CMOptions.PPExcludeTop = 0; // Otherwise breaks during initialization
+    typeof Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPExcludeTop ===
+    'undefined'
+  )
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPExcludeTop = 0; // Otherwise breaks during initialization
 
-	// Calculate PP and colors when compared to purchase of optimal building in single-purchase mode
+  // Calculate PP and colours
-	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 = Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPExcludeTop;
-			for (let j = 0; j < CMOptions.PPExcludeTop; j++) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPOnlyConsiderBuyable) {
-				if (target[i].pp === CacheArrayOfPPs[j][0]) target[i].color = ColorGray;
+    while (CachePPArray[indexOfMin][2] > Game.cookies) {
-			}
+      indexOfMin += 1;
-		}
+      if (CachePPArray.length === indexOfMin + 1) {
-	}
+        break;
+      }
+    }
+  }
+  CacheMinPP = CachePPArray[indexOfMin][0];
+  CacheMinPPBulk = CachePPArray[indexOfMin][1];
+
+  CacheColour(CacheObjects1, 1);
+  CacheColour(CacheObjects10, 10);
+  CacheColour(CacheObjects100, 100);
+
+  FillCMDCache({ CacheMinPP, CacheMinPPBulk, CachePPArray });
 }

src/Cache/PP/ColourOfPP.js

@@ -1,35 +1,50 @@
-import { CMOptions } from '../../Config/VariablesAndData';
+import GetCPS from '../../Disp/HelperFunctions/GetCPS.js';
-import GetCPS from '../../Disp/HelperFunctions/GetCPS';
 import {
-	ColorBlue, ColorGray, ColorGreen, ColorOrange, ColorPurple, ColorRed, ColorYellow,
+  ColourBlue,
-} from '../../Disp/VariablesAndData';
+  ColourGray,
-import { CacheMaxPP, CacheMidPP, CacheMinPP } from '../VariablesAndData';
+  ColourGreen,
+  ColourOrange,
+  ColourPurple,
+  ColourRed,
+  ColourYellow,
+} from '../../Disp/VariablesAndData.js';
+import { CacheMinPP, CachePPArray } from '../VariablesAndData.js';
 
 /**
  * This functions return the colour assosciated with the given pp value
  * It is called by CM.Cache.CacheBuildingsPP(), CM.Cache.CacheBuildingsBulkPP() and CM.Cache.CacheUpgradePP()
  * @params	{object}	obj		The obj of which the pp value should be checked
  * @params	{number}	price	The price of the object
- * @returns {string}	color	The colour assosciated with the pp value
+ * @returns {string}	colour	The colour assosciated with the pp value
  */
 export default function ColourOfPP(me, price) {
-	let color = '';
+  let colour = '';
-	// Colour based on PP
+  // Colour based on PP
-	if (me.pp <= 0 || me.pp === Infinity) color = ColorGray;
+  if (me.pp <= 0 || me.pp === Infinity) colour = ColourGray;
-	else if (me.pp < CacheMinPP) color = ColorBlue;
+  else if (me.pp < CacheMinPP) colour = ColourBlue;
-	else if (me.pp === CacheMinPP) color = ColorGreen;
+  else if (me.pp === CacheMinPP) colour = ColourGreen;
-	else if (me.pp === CacheMaxPP) color = ColorRed;
+  else if (me.pp < CachePPArray[10][0]) colour = ColourYellow;
-	else if (me.pp > CacheMaxPP) color = ColorPurple;
+  else if (me.pp < CachePPArray[20][0]) colour = ColourOrange;
-	else if (me.pp > CacheMidPP) color = ColorOrange;
+  else if (me.pp < CachePPArray[30][0]) colour = ColourRed;
-	else color = ColorYellow;
+  else colour = ColourPurple;
 
-	// Colour based on price in terms of CPS
+  // Colour based on price in terms of CPS
-	if (Number(CMOptions.PPSecondsLowerLimit) !== 0) {
+  if (
-		if (price / GetCPS() < Number(CMOptions.PPSecondsLowerLimit)) color = ColorBlue;
+    Number(
-	}
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPSecondsLowerLimit,
-	// Colour based on being able to purchase
+    ) !== 0
-	if (CMOptions.PPOnlyConsiderBuyable) {
+  ) {
-		if (price - Game.cookies > 0) color = ColorRed;
+    if (
-	}
+      price / GetCPS() <
-	return color;
+      Number(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPSecondsLowerLimit,
+      )
+    )
+      colour = ColourBlue;
+  }
+  // Colour based on being able to purchase
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPOnlyConsiderBuyable) {
+    if (price - Game.cookies > 0) colour = ColourRed;
+  }
+  return colour;
 }

src/Cache/PP/PP.js

@@ -1,14 +1,27 @@
 /**
  * Section: Functions related to caching PP */
 
-import CacheBuildingsPP from './Building';
+import {
-import CacheUpgradePP from './Upgrade';
+  CacheObjects1,
+  CacheObjects10,
+  CacheObjects100,
+  CacheUpgrades,
+} from '../VariablesAndData.js';
+import CacheBuildingsPP from './Building.js';
+import CacheUpgradePP from './Upgrade.js';
 
 /**
  * This functions caches the PP of each building and upgrade and stores it in the cache
  * It is called by CM.Cache.LoopCache() and CM.Cache.InitCache()
  */
 export default function CachePP() {
-	CacheBuildingsPP();
+  CacheBuildingsPP();
-	CacheUpgradePP();
+  CacheUpgradePP();
+  window.CookieMonsterData.Objects1 = JSON.parse(JSON.stringify(CacheObjects1));
+  window.CookieMonsterData.Objects10 = JSON.parse(JSON.stringify(CacheObjects10));
+  window.CookieMonsterData.Objects100 = JSON.parse(JSON.stringify(CacheObjects100));
+  window.CookieMonsterData.Upgrades = [];
+  Object.entries(CacheUpgrades).forEach((i) => {
+    window.CookieMonsterData.Upgrades[i[0]] = JSON.parse(JSON.stringify(i[1]));
+  });
 }

src/Cache/PP/Upgrade.js

@@ -1,18 +1,21 @@
-import GetWrinkConfigBank from '../../Disp/HelperFunctions/GetWrinkConfigBank';
+import GetWrinkConfigBank from '../../Disp/HelperFunctions/GetWrinkConfigBank.js';
-import { CacheUpgrades } from '../VariablesAndData';
+import { CacheUpgrades } from '../VariablesAndData.js';
-import ColourOfPP from './ColourOfPP';
+import ColourOfPP from './ColourOfPP.js';
 
 /**
  * This functions caches the PP of each building it saves all date in CM.Cache.Upgrades
  * 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(Game.Upgrades[i].getPrice() - (Game.cookies + GetWrinkConfigBank()), 0) /
-		if (Number.isNaN(CacheUpgrades[i].pp)) CacheUpgrades[i].pp = Infinity;
+          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].colour = ColourOfPP(CacheUpgrades[i], Game.Upgrades[i].getPrice());
-	}
+  });
 }

src/Cache/PantheonGods/CacheGods.js

@@ -0,0 +1,16 @@
+import CalculateChangeGod from '../../Sim/SimulationEvents/GodChange.js';
+import FillCMDCache from '../FillCMDCache.js';
+import { CacheGods } from '../VariablesAndData.js';
+
+/**
+ * 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);
+    }
+  }
+
+  FillCMDCache({ CacheGods });
+}

src/Cache/PriceAndIncome/PriceAndIncome.js

@@ -1,12 +1,20 @@
-/* eslint-disable no-unused-vars */
 /** Section: Functions related to caching income */
 
-import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding';
+import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding.js';
-import BuyBuildingsBonusIncome from '../../Sim/SimulationEvents/BuyBuildingBonusIncome';
+import BuyBuildingsBonusIncome from '../../Sim/SimulationEvents/BuyBuildingBonusIncome.js';
-import BuyUpgradesBonusIncome from '../../Sim/SimulationEvents/BuyUpgrades';
+import BuyUpgradesBonusIncome from '../../Sim/SimulationEvents/BuyUpgrades.js';
+import FillCMDCache from '../FillCMDCache.js';
 import {
-	CacheDoRemakeBuildPrices, CacheObjects1, CacheObjects10, CacheObjects100, CacheUpgrades,
+  CacheAverageGainBank,
-} from '../VariablesAndData';
+  CacheAverageGainWrink,
+  CacheAverageGainWrinkFattest,
+  CacheDoRemakeBuildPrices, // eslint-disable-line no-unused-vars
+  CacheObjects1,
+  CacheObjects10,
+  CacheObjects100,
+  CacheObjectsNextAchievement,
+  CacheUpgrades,
+} from '../VariablesAndData.js';
 
 /**
  * This functions starts the calculation/simulation of the bonus income of buildings
@@ -14,16 +22,16 @@ import {
  * @param	{amount}	amount	Amount to be bought
  * @parem	{string}	target	The target Cache object ("Objects1", "Objects10" or "Objects100")
  */
-function CacheBuildingIncome(amount, target) {
+function CacheBuildingIncome(amount) {
-	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 +39,63 @@ function CacheBuildingIncome(amount, target) {
  * It is called by CM.Cache.CacheIncome()
  */
 function CacheUpgradeIncome() {
-	CacheUpgrades = [];
+  CacheUpgrades = {};
-	for (const i of Object.keys(Game.Upgrades)) {
+  for (let i = 0; i < Game.UpgradesInStore.length; i++) {
-		const bonusIncome = BuyUpgradesBonusIncome(i);
+    const upgradeName = Game.UpgradesInStore[i].name;
-		CacheUpgrades[i] = {};
+    const bonusIncome = BuyUpgradesBonusIncome(upgradeName);
-		if (bonusIncome[0]) CacheUpgrades[i].bonus = bonusIncome[0];
+    if (upgradeName === 'Elder Pledge') {
-		if (bonusIncome[1]) CacheUpgrades[i].bonusMouse = bonusIncome[1];
+      CacheUpgrades[upgradeName] = {
-	}
+        bonus: Game.cookiesPs - CacheAverageGainBank,
+      };
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 1)
+        CacheUpgrades[upgradeName].bonus -= CacheAverageGainWrink;
+      else if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 2)
+        CacheUpgrades[upgradeName].bonus -= CacheAverageGainWrinkFattest;
+      if (!Number.isFinite(CacheUpgrades[upgradeName].bonus)) CacheUpgrades[upgradeName].bonus = 0;
+    } else {
+      CacheUpgrades[upgradeName] = {};
+      if (bonusIncome[0]) CacheUpgrades[upgradeName].bonus = bonusIncome[0];
+      if (bonusIncome[1]) CacheUpgrades[upgradeName].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);
+      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(
+      i,
+      Game.Objects[i].basePrice,
+      Game.Objects[i].amount,
+      Game.Objects[i].free,
+      10,
+    );
+    CacheObjects100[i].price = BuildingGetPrice(
+      i,
+      Game.Objects[i].basePrice,
+      Game.Objects[i].amount,
+      Game.Objects[i].free,
+      100,
+    );
+    CacheObjectsNextAchievement[i].price = BuildingGetPrice(
+      i,
+      Game.Objects[i].basePrice,
+      Game.Objects[i].amount,
+      Game.Objects[i].free,
+      CacheObjectsNextAchievement[i].AmountNeeded,
+    );
+  });
+
+  FillCMDCache({ CacheObjectsNextAchievement });
 }
 
 /**
@@ -56,11 +103,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,8 +1,23 @@
-/* eslint-disable no-unused-vars */
+import GetCPSBuffMult from '../CPS/GetCPSBuffMult.js';
-import GetCPSBuffMult from '../CPS/GetCPSBuffMult';
+import FillCMDCache from '../FillCMDCache.js';
 import {
-	CacheChainFrenzyMaxReward, CacheChainFrenzyRequired, CacheChainFrenzyRequiredNext, CacheChainFrenzyWrathMaxReward, CacheChainFrenzyWrathRequired, CacheChainFrenzyWrathRequiredNext, CacheChainMaxReward, CacheChainRequired, CacheChainRequiredNext, CacheChainWrathMaxReward, CacheChainWrathRequired, CacheChainWrathRequiredNext, CacheDragonsFortuneMultAdjustment, CacheGoldenCookiesMult, CacheNoGoldSwitchCookiesPS, CacheWrathCookiesMult,
+  CacheChainFrenzyMaxReward,
-} from '../VariablesAndData';
+  CacheChainFrenzyRequired,
+  CacheChainFrenzyRequiredNext,
+  CacheChainFrenzyWrathMaxReward,
+  CacheChainFrenzyWrathRequired,
+  CacheChainFrenzyWrathRequiredNext,
+  CacheChainMaxReward,
+  CacheChainRequired,
+  CacheChainRequiredNext,
+  CacheChainWrathMaxReward,
+  CacheChainWrathRequired,
+  CacheChainWrathRequiredNext,
+  CacheDragonsFortuneMultAdjustment,
+  CacheGoldenCookiesMult,
+  CacheNoGoldSwitchCookiesPS,
+  CacheWrathCookiesMult,
+} from '../VariablesAndData.js';
 
 /**
  * This functions calculates the max possible payout given a set of variables
@@ -13,19 +28,25 @@ 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 = 1 + Math.max(0, Math.ceil(Math.log(Game.cookies) / Math.LN10) - 10);
-	while (nextMoni < maxPayout) {
+  while (nextMoni < maxPayout * mult) {
-		moni = Math.max(digit, Math.min(Math.floor(1 / 9 * 10 ** chain * digit * mult), maxPayout * mult));
+    moni = Math.max(
-		nextMoni = Math.max(digit, Math.min(Math.floor(1 / 9 * 10 ** (chain + 1) * digit * mult), maxPayout * mult));
+      digit,
-		nextRequired = Math.floor(1 / 9 * 10 ** (chain + 1) * digit * mult);
+      Math.min(Math.floor((1 / 9) * 10 ** chain * digit * mult), maxPayout * mult),
-		totalFromChain += moni;
+    );
-		chain++;
+    nextMoni = Math.max(
-	}
+      digit,
-	return [totalFromChain, moni, nextRequired];
+      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 +66,43 @@ 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 = CacheNoGoldSwitchCookiesPS * 60 * 60 * 6 * CacheDragonsFortuneMultAdjustment;
-	// Removes effect of Frenzy etc.
+  // Removes effect of Frenzy etc.
-	const cpsBuffMult = GetCPSBuffMult();
+  const cpsBuffMult = GetCPSBuffMult();
-	if (cpsBuffMult > 0) maxPayout /= cpsBuffMult;
+  if (cpsBuffMult > 0) maxPayout /= cpsBuffMult;
-	else maxPayout = 0;
+  else maxPayout = 0;
 
-	CacheChainMaxReward = MaxChainCookieReward(7, maxPayout, CacheGoldenCookiesMult);
+  CacheChainMaxReward = MaxChainCookieReward(7, maxPayout, CacheGoldenCookiesMult);
-	CacheChainRequired = CacheChainMaxReward[1] * 2 / CacheGoldenCookiesMult;
+  CacheChainRequired = (CacheChainMaxReward[1] * 2) / CacheGoldenCookiesMult;
-	CacheChainRequiredNext = CacheChainMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
+  CacheChainRequiredNext = CacheChainMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
 
-	CacheChainWrathMaxReward = MaxChainCookieReward(6, maxPayout, CacheWrathCookiesMult);
+  CacheChainWrathMaxReward = MaxChainCookieReward(6, maxPayout, CacheWrathCookiesMult);
-	CacheChainWrathRequired = CacheChainWrathMaxReward[1] * 2 / CacheWrathCookiesMult;
+  CacheChainWrathRequired = (CacheChainWrathMaxReward[1] * 2) / CacheWrathCookiesMult;
-	CacheChainWrathRequiredNext = CacheChainWrathMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
+  CacheChainWrathRequiredNext =
+    CacheChainWrathMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
 
-	CacheChainFrenzyMaxReward = MaxChainCookieReward(7, maxPayout * 7, CacheGoldenCookiesMult);
+  CacheChainFrenzyMaxReward = MaxChainCookieReward(7, maxPayout * 7, CacheGoldenCookiesMult);
-	CacheChainFrenzyRequired = CacheChainFrenzyMaxReward[1] * 2 / CacheGoldenCookiesMult;
+  CacheChainFrenzyRequired = (CacheChainFrenzyMaxReward[1] * 2) / CacheGoldenCookiesMult;
-	CacheChainFrenzyRequiredNext = CacheChainFrenzyMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
+  CacheChainFrenzyRequiredNext =
+    CacheChainFrenzyMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
 
-	CacheChainFrenzyWrathMaxReward = MaxChainCookieReward(6, maxPayout * 7, CacheWrathCookiesMult);
+  CacheChainFrenzyWrathMaxReward = MaxChainCookieReward(6, maxPayout * 7, CacheWrathCookiesMult);
-	CacheChainFrenzyWrathRequired = CacheChainFrenzyWrathMaxReward[1] * 2 / CacheWrathCookiesMult;
+  CacheChainFrenzyWrathRequired = (CacheChainFrenzyWrathMaxReward[1] * 2) / CacheWrathCookiesMult;
-	CacheChainFrenzyWrathRequiredNext = CacheChainFrenzyWrathMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
+  CacheChainFrenzyWrathRequiredNext =
+    CacheChainFrenzyWrathMaxReward[2] / 60 / 60 / 6 / CacheDragonsFortuneMultAdjustment;
+
+  FillCMDCache({
+    CacheChainMaxReward,
+    CacheChainRequired,
+    CacheChainRequiredNext,
+    CacheChainWrathMaxReward,
+    CacheChainWrathRequired,
+    CacheChainWrathRequiredNext,
+    CacheChainFrenzyMaxReward,
+    CacheChainFrenzyRequired,
+    CacheChainFrenzyRequiredNext,
+    CacheChainFrenzyWrathMaxReward,
+    CacheChainFrenzyWrathRequired,
+    CacheChainFrenzyWrathRequiredNext,
+  });
 }

src/Cache/Stats/HeavenlyChips.js

@@ -1,7 +1,10 @@
-/* eslint-disable no-unused-vars */
+import FillCMDCache from '../FillCMDCache.js';
 import {
-	CacheHCPerSecond, CacheLastHeavenlyCheck, CacheLastHeavenlyChips, HeavenlyChipsDiff,
+  CacheHCPerSecond,
-} from '../VariablesAndData';
+  CacheLastHeavenlyCheck,
+  CacheLastHeavenlyChips,
+  HeavenlyChipsDiff,
+} from '../VariablesAndData.js';
 
 /**
  * This functions caches the heavenly chips per second in the last five seconds
@@ -9,25 +12,27 @@ 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(Game.HowMuchPrestige(Game.cookiesReset + Game.cookiesEarned));
-		const ascendNowToGet = ascendNowToOwn - Math.floor(chipsOwned);
+    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 = Math.max(0, ascendNowToGet - CacheLastHeavenlyChips) / timeDiff;
-		for (let i = 0; i < timeDiff; i++) {
+    for (let i = 0; i < timeDiff; i++) {
-			HeavenlyChipsDiff.addLatest(heavenlyChipsDiffAvg);
+      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);
-	}
+  }
+
+  FillCMDCache({ CacheLastHeavenlyCheck, CacheLastHeavenlyChips, CacheHCPerSecond });
 }

src/Cache/Stats/MissingUpgrades.js

@@ -1,6 +1,9 @@
-/* eslint-disable no-unused-vars */
+import { crateMissing } from '../../Disp/MenuSections/Statistics/CreateMissingUpgrades.js';
-import { crateMissing } from '../../Disp/MenuSections/CreateMissingUpgrades';
+import {
-import { CacheMissingUpgrades, CacheMissingUpgradesCookies, CacheMissingUpgradesPrestige } from '../VariablesAndData';
+  CacheMissingUpgrades, // eslint-disable-line no-unused-vars
+  CacheMissingUpgradesCookies, // eslint-disable-line no-unused-vars
+  CacheMissingUpgradesPrestige, // eslint-disable-line no-unused-vars
+} from '../VariablesAndData.js';
 
 /**
  * This functions caches variables related to missing upgrades
@@ -10,31 +13,32 @@ 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

@@ -1,5 +1,5 @@
-/* eslint-disable no-unused-vars */
+import FillCMDCache from '../FillCMDCache.js';
-import { CacheSeaSpec } from '../VariablesAndData';
+import { CacheSeaSpec } from '../VariablesAndData.js';
 
 /**
  * This functions caches the reward of popping a reindeer
@@ -7,11 +7,13 @@ 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;
-	}
+  }
+
+  FillCMDCache({ CacheSeaSpec });
 }

src/Cache/Stats/Stats.js

@@ -1,73 +1,107 @@
-/* eslint-disable no-unused-vars */
 /** Functions related to Caching stats */
 
-import SimHas from '../../Sim/ReplacedGameFunctions/SimHas';
+import SimHas from '../../Sim/ReplacedGameFunctions/SimHas.js';
-import GetCPSBuffMult from '../CPS/GetCPSBuffMult';
+import GetCPSBuffMult from '../CPS/GetCPSBuffMult.js';
+import FillCMDCache from '../FillCMDCache.js';
 import {
-	CacheConjure, CacheConjureReward, CacheDragonsFortuneMultAdjustment, CacheEdifice, CacheEdificeBuilding, CacheGoldenCookiesMult, CacheLucky, CacheLuckyFrenzy, CacheLuckyReward, CacheLuckyRewardFrenzy, CacheLuckyWrathReward, CacheLuckyWrathRewardFrenzy, CacheNoGoldSwitchCookiesPS, CacheWrathCookiesMult,
+  CacheConjure,
-} from '../VariablesAndData';
+  CacheConjureReward,
+  CacheDragonsFortuneMultAdjustment,
+  CacheEdifice,
+  CacheEdificeBuilding,
+  CacheGoldenCookiesMult,
+  CacheLucky,
+  CacheLuckyFrenzy,
+  CacheLuckyReward,
+  CacheLuckyRewardFrenzy,
+  CacheLuckyWrathReward,
+  CacheLuckyWrathRewardFrenzy,
+  CacheNoGoldSwitchCookiesPS,
+  CacheWrathCookiesMult,
+} from '../VariablesAndData.js';
 
 /**
  * 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 = CacheGoldenCookiesMult * (CacheLuckyFrenzy * 0.15) + 13;
-	CacheLuckyWrathRewardFrenzy = CacheWrathCookiesMult * (CacheLuckyFrenzy * 0.15) + 13;
+  CacheLuckyWrathRewardFrenzy = CacheWrathCookiesMult * (CacheLuckyFrenzy * 0.15) + 13;
-	CacheConjure = CacheLucky * 2;
+  CacheConjure = CacheLucky * 2;
-	CacheConjureReward = CacheConjure * 0.15;
+  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;
+    }
+  });
+
+  FillCMDCache({
+    CacheLucky,
+    CacheLuckyReward,
+    CacheLuckyWrathReward,
+    CacheLuckyFrenzy,
+    CacheLuckyRewardFrenzy,
+    CacheLuckyWrathRewardFrenzy,
+    CacheConjure,
+    CacheConjureReward,
+    CacheEdifice,
+    CacheEdificeBuilding,
+  });
 }
 
 /**
  * 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;
-	}
+  }
+
+  FillCMDCache({
+    CacheGoldenCookiesMult,
+    CacheWrathCookiesMult,
+    CacheDragonsFortuneMultAdjustment,
+  });
 }

src/Cache/TillNextAchievement/AllAmountTillNextAchievement.js

@@ -0,0 +1,48 @@
+import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding.js';
+import FillCMDCache from '../FillCMDCache.js';
+import { CacheObjectsNextAchievement } from '../VariablesAndData.js';
+import IndividualAmountTillNextAchievement from './IndividualAmountTillNextAchievement.js';
+
+/**
+ * This functions caches the amount of buildings needed till next achievement
+ * @param	{boolean}	forceRecalc	Whether a recalcution should be forced (after CPS change)
+ */
+export default function AllAmountTillNextAchievement(forceRecalc) {
+  const result = {};
+
+  Object.keys(Game.Objects).forEach((i) => {
+    if (
+      Object.keys(CacheObjectsNextAchievement).length !== 0 &&
+      CacheObjectsNextAchievement[i].TotalNeeded > Game.Objects[i].amount &&
+      !forceRecalc
+    ) {
+      result[i] = {
+        AmountNeeded: CacheObjectsNextAchievement[i].TotalNeeded - Game.Objects[i].amount,
+        TotalNeeded: CacheObjectsNextAchievement[i].TotalNeeded,
+        price: BuildingGetPrice(
+          i,
+          Game.Objects[i].basePrice,
+          Game.Objects[i].amount,
+          Game.Objects[i].free,
+          CacheObjectsNextAchievement[i].TotalNeeded - Game.Objects[i].amount,
+        ),
+      };
+    } else {
+      const tillNext = IndividualAmountTillNextAchievement(i);
+      result[i] = {
+        AmountNeeded: tillNext,
+        TotalNeeded: Game.Objects[i].amount + tillNext,
+        price: BuildingGetPrice(
+          i,
+          Game.Objects[i].basePrice,
+          Game.Objects[i].amount,
+          Game.Objects[i].free,
+          tillNext,
+        ),
+      };
+    }
+  });
+  CacheObjectsNextAchievement = result;
+
+  FillCMDCache({ CacheObjectsNextAchievement });
+}

src/Cache/TillNextAchievement/IndividualAmountTillNextAchievement.js

@@ -0,0 +1,27 @@
+import BuyBuildingsBonusIncome from '../../Sim/SimulationEvents/BuyBuildingBonusIncome.js';
+import { SimAchievementsOwned } from '../../Sim/VariablesAndData.js';
+
+export default function IndividualAmountTillNextAchievement(building) {
+  const AchievementsAtStart = Game.AchievementsOwned;
+  let index = 100;
+  let lastIndexWithChange = 100;
+  while (index > -1) {
+    BuyBuildingsBonusIncome(building, index);
+    if (SimAchievementsOwned > AchievementsAtStart) {
+      lastIndexWithChange = index;
+      index -= 10;
+    } else if (index === 100) {
+      return 101;
+    } else {
+      index += 1;
+      while (index <= lastIndexWithChange) {
+        BuyBuildingsBonusIncome(building, index);
+        if (SimAchievementsOwned > AchievementsAtStart) {
+          return index;
+        }
+        index += 1;
+      }
+    }
+  }
+  return 101;
+}

src/Cache/VariablesAndData.js

@@ -28,18 +28,19 @@ export let CacheLastChoEgg = 0;
 export let CacheObjects1 = {};
 export let CacheObjects10 = {};
 export let CacheObjects100 = {};
+export let CacheObjectsNextAchievement = {};
 
 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;
 
 export let CacheUpgrades = {};
 
 export let CacheAverageClicks = {};
+export let CacheAverageCookiesFromClicks;
 
 export let CacheMissingUpgrades = {};
 export let CacheMissingUpgradesPrestige = {};
@@ -66,10 +67,12 @@ export let CacheSeasonPopShimmer = {};
 
 export let CacheTimeTillNextPrestige = 0;
 
+/** Stores lowest PP value */
 export let CacheMinPP = 0;
-export let CacheMidPP = 0;
+/** Stores lowest PP value category */
-export let CacheMaxPP = 0;
+export let CacheMinPPBulk = 0;
-export let CacheArrayOfPPs = [];
+/** Stores all PP values of all buildings for all buy settings (1, 10, 100) */
+export let CachePPArray = [];
 
 export let CacheGoldenShimmersByID = {};
 
@@ -100,3 +103,23 @@ export let CacheLastHeavenlyChips;
 export let CacheDoRemakeBuildPrices;
 
 export let CacheHadBuildAura;
+
+export let CacheFarmLevel = -1;
+export let CacheGardenSoil = -1;
+export let CacheSupremeIntellect = -1;
+export let CachePlotChances = [[], [], [], [], [], []];
+
+/** 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

@@ -1,10 +1,12 @@
-/* eslint-disable no-unused-vars */
 /** Caches data related to Wrinklers */
 
-import { SimObjects } from '../../Sim/VariablesAndData';
+import { SimObjects } from '../../Sim/VariablesAndData.js';
+import FillCMDCache from '../FillCMDCache.js';
 import {
-	CacheWrinklersFattest, CacheWrinklersNormal, CacheWrinklersTotal,
+  CacheWrinklersFattest,
-} from '../VariablesAndData';
+  CacheWrinklersNormal,
+  CacheWrinklersTotal,
+} from '../VariablesAndData.js';
 
 /**
  * This functions caches data related to Wrinklers
@@ -14,23 +16,28 @@ 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];
+    }
+  }
+
+  FillCMDCache({ CacheWrinklersTotal, CacheWrinklersNormal, CacheWrinklersFattest });
 }

src/Config/CheckNotificationPermissions.js

@@ -5,26 +5,27 @@
  * @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) {
+        // eslint-disable-next-line no-unused-vars
-				return false;
+      } catch (e) {
-			}
+        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.'); // eslint-disable-line no-console
-		} 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,78 +0,0 @@
-import { default as ConfigDefault } from '../../Data/SettingsDefault';
-import { default as ConfigData } from '../../Data/SettingsData';
-import { CMOptions } from '../VariablesAndData';
-import save from '../../InitSaveLoad/save';
-import CMLoop from '../../Main/Loop';
-
-/** Functions related to saving, loading and restoring all settings */
-
-/**
- * This function saves the config of CookieMonster without saving any of the other save-data
- * This allows saving in between the autosave intervals
- * It is called by CM.Config.LoadConfig(), CM.Config.RestoreDefault(), CM.Config.ToggleConfig(),
- * 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 CookieMonsterSave = saveString.match(/CookieMonster.*(;|$)/);
-	if (CookieMonsterSave !== null) {
-		const newSaveString = saveString.replace(CookieMonsterSave[0], `CookieMonster:${save()}`);
-		localStorage.setItem('CookieClickerGame', escape(`${utf8_to_b64(newSaveString)}!END!`));
-	}
-}
-
-/**
- * This function loads the config of CookieMonster saved in localStorage and loads it into CMOptions
- * It is called by CM.Main.DelayInit() and CM.Config.RestoreDefault()
- */
-export function LoadConfig(settings) {
-	// This removes cookies left from earlier versions of CookieMonster
-	if (typeof localStorage.CMConfig !== 'undefined') {
-		delete localStorage.CMConfig;
-	}
-	if (settings !== undefined) {
-		CMOptions = settings;
-
-		// Check values
-		let mod = false;
-		for (const i in ConfigDefault) {
-			if (typeof CMOptions[i] === 'undefined') {
-				mod = true;
-				CMOptions[i] = ConfigDefault[i];
-			} else if (i !== 'Header' && i !== 'Colors') {
-				if (i.indexOf('SoundURL') === -1) {
-					if (!(CMOptions[i] > -1 && CMOptions[i] < ConfigData[i].label.length)) {
-						mod = true;
-						CMOptions[i] = ConfigDefault[i];
-					}
-				} else if (typeof CMOptions[i] !== 'string') { // Sound URLs
-					mod = true;
-					CMOptions[i] = ConfigDefault[i];
-				}
-			} else if (i === 'Header') {
-				for (const j in ConfigDefault.Header) {
-					if (typeof CMOptions[i][j] === 'undefined' || !(CMOptions[i][j] > -1 && CMOptions[i][j] < 2)) {
-						mod = true;
-						CMOptions[i][j] = ConfigDefault[i][j];
-					}
-				}
-			} else { // Colors
-				for (const j in ConfigDefault.Colors) {
-					if (typeof CMOptions[i][j] === 'undefined' || typeof CMOptions[i][j] !== 'string') {
-						mod = true;
-						CMOptions[i][j] = ConfigDefault[i][j];
-					}
-				}
-			}
-		}
-		if (mod) SaveConfig();
-		CMLoop(); // Do loop once
-		for (const i in ConfigDefault) {
-			if (i !== 'Header' && typeof ConfigData[i].func !== 'undefined') {
-				ConfigData[i].func();
-			}
-		}
-	} else { // Default values
-		LoadConfig(ConfigDefault);
-	}
-}

src/Config/SpecificToggles.js

@@ -1,54 +1,65 @@
 /** Called by the "func" of individual settings */
 
-import UpdateBackground from '../Disp/HelperFunctions/UpdateBackground';
+import UpdateBackground from '../Disp/HelperFunctions/UpdateBackground.js';
-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;
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.BotBar === 1 &&
-		l('game').style.bottom = `${Number(l('CMTimerBar').style.height.replace('px', '')) + 70}px`;
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBar === 1 &&
-	} else if (CMOptions.BotBar === 1) {
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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 = `${Number(l('CMTimerBar').style.height.replace('px', '')) + 70}px`;
-		l('game').style.bottom = l('CMTimerBar').style.height;
+  } else if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.BotBar === 1) {
-	} else { // No bars
+    l('CMBotBar').style.bottom = '0px';
-		l('game').style.bottom = '0px';
+    l('game').style.bottom = '70px';
-	}
+  } else if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBar === 1 &&
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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 (
-		l('sectionLeft').style.top = l('CMTimerBar').style.height;
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBar === 1 &&
-	} else {
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBarPos === 0
-		l('sectionLeft').style.top = '';
+  ) {
-	}
+    l('sectionLeft').style.top = l('CMTimerBar').style.height;
+  } else {
+    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 (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBar === 1)
-	else l('CMTimerBar').style.display = 'none';
+    l('CMTimerBar').style.display = '';
-	UpdateBotTimerBarPosition();
+  else l('CMTimerBar').style.display = 'none';
+  UpdateBotTimerBarPosition();
 }
 
 /**
  * This function changes the position of the timer bar
  */
 export function ToggleTimerBarPos() {
-	if (CMOptions.TimerBarPos === 0) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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,53 +1,18 @@
-import { default as ConfigData } from '../Data/SettingsData';
+import { saveAndLoadingFunctions } from '@cookiemonsterteam/cookiemonsterframework/src/index.js';
-import { SaveConfig } from './SaveLoadReload/SaveLoadReloadSettings';
-import { CMOptions } from './VariablesAndData';
 
 /** Functions related to toggling or changing an individual setting */
 
 /** Used to name certain DOM or outside facing elements and refer to them */
 export const ConfigPrefix = 'CMConfig';
 
-/**
- * This function toggles options by incrementing them with 1 and handling changes
- * It is called by the onclick event of options of the "bool" type
- * @param 	{string}	config	The name of the option
- */
-export function ToggleConfig(config) {
-	CMOptions[config]++;
-
-	if (CMOptions[config] === ConfigData[config].label.length) {
-		CMOptions[config] = 0;
-		if (ConfigData[config].toggle) l(ConfigPrefix + config).className = 'option off';
-	} else l(ConfigPrefix + config).className = 'option';
-
-	if (typeof ConfigData[config].func !== 'undefined') {
-		ConfigData[config].func();
-	}
-
-	l(ConfigPrefix + config).innerHTML = ConfigData[config].label[CMOptions[config]];
-	SaveConfig();
-}
-
-/**
- * This function sets the value of the specified volume-option and updates the display in the options menu
- * It is called by the oninput and onchange event of "vol" type options
- * @param 	{string}	config	The name of the option
- */
-export function ToggleConfigVolume(config) {
-	if (l(`slider${config}`) !== null) {
-		l(`slider${config}right`).innerHTML = `${l(`slider${config}`).value}%`;
-		CMOptions[config] = Math.round(l(`slider${config}`).value);
-	}
-	SaveConfig();
-}
-
 /**
  * This function toggles header options by incrementing them with 1 and handling changes
  * It is called by the onclick event of the +/- next to headers
  * @param 	{string}	config	The name of the header
  */
 export function ToggleHeader(config) {
-	CMOptions.Header[config]++;
+  Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers[config] += 1;
-	if (CMOptions.Header[config] > 1) CMOptions.Header[config] = 0;
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers[config] > 1)
-	SaveConfig();
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers[config] = 0;
+  saveAndLoadingFunctions.saveFramework();
 }

src/Config/Toggles/ToggleBotBar.js

@@ -1,17 +1,16 @@
-import { UpdateBotBar } from '../../Disp/InfoBars/BottomBar';
+import { UpdateBotBar } from '../../Disp/InfoBars/BottomBar.js';
-import { UpdateBotTimerBarPosition } from '../SpecificToggles';
+import { UpdateBotTimerBarPosition } from '../SpecificToggles.js';
-import { CMOptions } from '../VariablesAndData';
 
 /**
  * This function toggle the bottom bar
- * It is called by CM.Disp.UpdateAscendState() and a change in CMOptions.BotBar
+ * It is called by CM.Disp.UpdateAscendState() and a change in Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.BotBar
  */
 export default function ToggleBotBar() {
-	if (CMOptions.BotBar === 1) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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

@@ -1,12 +1,12 @@
-import { CMSayTime } from '../../Disp/VariablesAndData';
+import { CMSayTime } from '../../Disp/VariablesAndData.js';
-import { BackupFunctions } from '../../Main/VariablesAndData';
+import { BackupFunctions } from '../../Main/VariablesAndData.js';
-import { CMOptions } from '../VariablesAndData';
 
 /**
  * This function changes some of the time-displays in the game to be more detailed
  * It is called by a change in CM.Options.DetailedTime
  */
 export default function ToggleDetailedTime() {
-	if (CMOptions.DetailedTime === 1) Game.sayTime = CMSayTime;
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.DetailedTime === 1)
-	else Game.sayTime = BackupFunctions.sayTime;
+    Game.sayTime = CMSayTime;
+  else Game.sayTime = BackupFunctions.sayTime;
 }

src/Config/Toggles/ToggleGCTimer.js

@@ -1,19 +1,19 @@
-import { CacheGoldenShimmersByID } from '../../Cache/VariablesAndData';
+import { CacheGoldenShimmersByID } from '../../Cache/VariablesAndData.js';
-import { GCTimers } from '../../Disp/VariablesAndData';
+import { GCTimers } from '../../Disp/VariablesAndData.js';
-import { CMOptions } from '../VariablesAndData';
 
 /**
  * This function toggles GC Timers are visible
  * It is called by a change in CM.Options.GCTimer
  */
 export default function ToggleGCTimer() {
-	if (CMOptions.GCTimer === 1) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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';
+    // eslint-disable-next-line no-return-assign
-	}
+    Object.keys(GCTimers).forEach((i) => (GCTimers[i].style.display = 'none'));
+  }
 }

src/Config/Toggles/ToggleSectionHideButtons.js

@@ -0,0 +1,11 @@
+/**
+ * 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 (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.HideSectionsButtons) {
+    l('CMSectionHidButtons').style.display = '';
+  } else {
+    l('CMSectionHidButtons').style.display = 'none';
+  }
+}

src/Config/Toggles/ToggleToolWarnPos.js

@@ -1,20 +1,18 @@
-import { CMOptions } from '../VariablesAndData';
-
 /**
  * This function toggles the position of the warnings created by CM.Disp.TooltipCreateWarningSection()
  * It is called by a change in CM.Options.ToolWarnPos
  * 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 (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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

@@ -1,22 +0,0 @@
-import UpdateUpgrades from '../../Disp/BuildingsUpgrades/Upgrades';
-import { CMOptions } from '../VariablesAndData';
-
-/**
- * Section: Functions related to the Upgrade Bar
-
-/**
- * This function toggles the upgrade bar and the colours of upgrades
- * It is called by a change in CM.Options.UpBarColor
- */
-export default function ToggleUpgradeBarAndColor() {
-	if (CMOptions.UpBarColor === 1) { // Colours and bar on
-		l('CMUpgradeBar').style.display = '';
-		UpdateUpgrades();
-	} else if (CMOptions.UpBarColor === 2) { // Colours on and bar off
-		l('CMUpgradeBar').style.display = 'none';
-		UpdateUpgrades();
-	} else { // Colours and bar off
-		l('CMUpgradeBar').style.display = 'none';
-		Game.RebuildUpgrades();
-	}
-}

src/Config/Toggles/ToggleUpgradeBarAndColour.js

@@ -0,0 +1,23 @@
+import UpdateUpgrades from '../../Disp/BuildingsUpgrades/Upgrades.js';
+
+/**
+ * This function toggles the upgrade bar and the colours of upgrades
+ * It is called by a change in CM.Options.UpBarColour
+ */
+export default function ToggleUpgradeBarAndColour() {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.UpBarColour === 1) {
+    // Colours and bar on
+    l('CMUpgradeBar').style.display = '';
+    UpdateUpgrades();
+  } else if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.UpBarColour === 2
+  ) {
+    // Colours on and bar off
+    l('CMUpgradeBar').style.display = 'none';
+    UpdateUpgrades();
+  } else {
+    // Colours and bar off
+    l('CMUpgradeBar').style.display = 'none';
+    Game.RebuildUpgrades();
+  }
+}

src/Config/Toggles/ToggleUpgradeBarFixedPos.js

@@ -1,14 +1,15 @@
-import { CMOptions } from '../VariablesAndData';
-
 /**
  * This function toggles the position of the upgrade bar from fixed or non-fixed mode
  * 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 (
-		l('CMUpgradeBar').style.position = 'sticky';
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.UpgradeBarFixedPos === 1
-		l('CMUpgradeBar').style.top = '0px';
+  ) {
-	} else {
+    // Fix to top of screen when scrolling
-		l('CMUpgradeBar').style.position = ''; // Possible to scroll offscreen
+    l('CMUpgradeBar').style.position = 'sticky';
-	}
+    l('CMUpgradeBar').style.top = '0px';
+  } else {
+    l('CMUpgradeBar').style.position = ''; // Possible to scroll offscreen
+  }
 }

src/Config/Toggles/ToggleWrinklerButtons.js

@@ -1,15 +1,16 @@
-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 ToggleWrinklerButtons() {
-	if (CMOptions.WrinklerButtons) {
+  if (
-		l('PopAllNormalWrinklerButton').style.display = '';
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerButtons &&
-		l('PopFattestWrinklerButton').style.display = '';
+    Game.elderWrath
-	} else {
+  ) {
-		l('PopAllNormalWrinklerButton').style.display = 'none';
+    l('PopAllNormalWrinklerButton').style.display = '';
-		l('PopFattestWrinklerButton').style.display = 'none';
+    l('PopFattestWrinklerButton').style.display = '';
-	}
+  } else {
+    l('PopAllNormalWrinklerButton').style.display = 'none';
+    l('PopFattestWrinklerButton').style.display = 'none';
+  }
 }

src/Config/VariablesAndData.js

@@ -1,4 +0,0 @@
-/* eslint-disable prefer-const */
-
-export let CMOptions = {};
-export const ConfigPrefix = 'CMConfig';

src/CookieMonster.js

@@ -1,12 +1,23 @@
-/* eslint-disable no-unused-vars */
+import init from './InitSaveLoad/init.js';
-import init from './InitSaveLoad/init';
+import load from './InitSaveLoad/load.js';
-import load from './InitSaveLoad/load';
+import save from './InitSaveLoad/save.js';
-import save from './InitSaveLoad/save';
 
 const CM = {
-	init,
+  init,
-	load,
+  load,
-	save,
+  save,
 };
 
-Game.registerMod('CookieMonster', CM);
+if (typeof Steam !== 'undefined') {
+  // Need to add a delay for steam
+  setTimeout(() => {
+    Game.registerMod('CookieMonster', CM);
+
+    // Game.registerMod also calls CM.load() which calls the loop hook
+    // Thus sounds normally play at start up as Season and Garden states are checked
+    window.cookieMonsterFrameworkData.isInitializing = false;
+  }, 2000);
+} else {
+  Game.registerMod('CookieMonster', CM);
+  window.cookieMonsterFrameworkData.isInitializing = false;
+}

src/Data/Gamedata.js

@@ -2,93 +2,98 @@
 
 /** 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 #019',
-	'Fortune #101',
+  'Fortune #020',
-	'Fortune #102',
+  'Fortune #100',
-	'Fortune #103',
+  'Fortune #101',
-	'Fortune #104',
+  'Fortune #102',
+  'Fortune #103',
+  '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,29 +1,21 @@
 /** Data related directly to Cookie Monster */
 
-export const VersionMajor = '2.031';
+export const VersionMajor = '2.053';
-export const VersionMinor = '5';
+export const VersionMinor = '10';
 
 /** Information about Cookie Monster to be displayed in the info section */
-export const ModDescription = `<div class="listing">
+export const ModDescription = `<a href="https://github.com/CookieMonsterTeam/CookieMonster" target="blank">Cookie Monster</a>
- <a href="https://github.com/Aktanusa/CookieMonster" target="blank">Cookie Monster</a>
  offers a wide range of tools and statistics to enhance your game experience.
  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.</br>
  Progess on new updates and all previous release notes can be found on the GitHub page linked above!</br>
  Please also report any bugs you may find over there!</br>
- </div>
  `;
 
 /** Latest releasenotes of Cookie Monster to be displayed in the info section */
-export const LatestReleaseNotes = `<div class="listing">
+export const LatestReleaseNotes = `This update adds support for some parts of cookie clicker 2.048</br>
-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>
+- added support for Dragon Aura 'Supreme Intellect' in the pantheon calculations</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>
+- added support for new tiers of Shimmering veil</br>
-</br>
+- added support for unshackled upgrades</br>
-<b>Besides, this update fixes the following bugs:</b></br>
+- updated some simulator logic to more cloesly match updated cookie clicker logic</br>
-- Fixed some upgrade tooltips which did not display the full effect of buying the upgrades</br>
+- Bugfix: conjure backed goods tooltip used cached no gold switch raw cps instead of live cps</br>
-- Fixed not always being able to sell when "blocking bulk buy"</br>
+- Bugfix: negative calculations due to glucosimium upgrades, kittens, unshackled, and achievements</br>`;
-- Fixed heavenly chips per second display</br>
-- Fixed small display bug when pressing shift and hovering over garden plots</br>
-- Fixed some bugs with the display of numbers and formatting of them</br>
-</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,25 @@
 
 /** Display titles of the headers of the Cookie Monster settings section */
 export const ConfigGroups = {
-	BarsColors: 'Bars/Colors',
+  Favourite: 'Favourite Settings',
-	Calculation: 'Calculation',
+  Calculation: 'Calculation',
-	Notification: 'Notification',
+  Notation: 'Notation',
-	Tooltip: 'Tooltips and additional insights',
+  Colours: 'Colours and colour coding',
-	Statistics: 'Statistics',
+  BarsDisplay: 'Infobars and visual settings',
-	Notation: 'Notation',
+  Tooltip: 'Tooltips',
-	Miscellaneous: 'Miscellaneous',
+  Statistics: 'Statistics',
+  Notification: 'Notifications',
+  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

@@ -1,54 +0,0 @@
-/* eslint-disable max-classes-per-file */
-/** This describes all forms of settings used by Cookie Monster */
-
-/** The basic setting class */
-export class Setting {
-	constructor(type, group) {
-		this.type = type;
-		this.group = group;
-	}
-}
-
-/** The standard toggle setting class */
-export class SettingStandard extends Setting {
-	constructor(type, group, label, desc, toggle, func = null) {
-		super(type, group);
-		this.label = label;
-		this.desc = desc;
-		this.toggle = toggle;
-		if (func) {
-			this.func = func;
-		}
-	}
-}
-/** The colour picker setting class */
-export class SettingColours extends Setting {
-	constructor(type, group, desc, func) {
-		super(type, group);
-		this.desc = desc;
-		this.func = func;
-	}
-}
-
-/** The volume level setting class */
-export class SettingVolume extends Setting {
-	constructor(type, group, label, desc) {
-		super(type, group);
-		this.label = label;
-		this.desc = desc;
-		for (let i = 0; i < 101; i++) {
-			this.label[i] = `${i}%`;
-		}
-	}
-}
-
-/** The number input setting class */
-export class SettingInputNumber extends Setting {
-	constructor(type, group, label, desc, min, max) {
-		super(type, group);
-		this.label = label;
-		this.desc = desc;
-		this.min = min;
-		this.max = max;
-	}
-}

src/Data/SettingsData.js

@@ -1,671 +0,0 @@
-import CachePP from '../Cache/PP/PP';
-import CheckNotificationPermissions from '../Config/CheckNotificationPermissions';
-import { ToggleTimerBar, ToggleTimerBarPos } from '../Config/SpecificToggles';
-import ToggleBotBar from '../Config/Toggles/ToggleBotBar';
-import ToggleDetailedTime from '../Config/Toggles/ToggleDetailedTime';
-import ToggleGCTimer from '../Config/Toggles/ToggleGCTimer';
-import ToggleToolWarnPos from '../Config/Toggles/ToggleToolWarnPos';
-import ToggleUpgradeBarAndColor from '../Config/Toggles/ToggleUpgradeBarAndColor';
-import ToggleUpgradeBarFixedPos from '../Config/Toggles/ToggleUpgradeBarFixedPos';
-import ToggleWrinklerButtons from '../Config/Toggles/ToggleWrinklerButtons';
-import { CMOptions } from '../Config/VariablesAndData';
-import UpdateBuildings from '../Disp/BuildingsUpgrades/Buildings';
-import UpdateUpgrades from '../Disp/BuildingsUpgrades/Upgrades';
-import RefreshScale from '../Disp/HelperFunctions/RefreshScale';
-import UpdateColors from '../Disp/HelperFunctions/UpdateColors';
-import { UpdateFavicon } from '../Disp/TabTitle/FavIcon';
-import {
-	SettingStandard, SettingColours, SettingVolume, SettingInputNumber,
-} from './SettingClasses';
-
-/** This includes all options of CookieMonster and their relevant data */
-const Config = {
-	// Barscolors
-	BotBar: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Bottom Bar OFF', 'Bottom Bar ON'],
-		'Building Information',
-		true,
-		function () { ToggleBotBar(); },
-	),
-	TimerBar: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Timer Bar OFF', 'Timer Bar ON'],
-		'Timers of Golden Cookie, Season Popup, Frenzy (Normal, Clot, Elder), Click Frenzy',
-		true,
-		function () { ToggleTimerBar(); },
-	),
-	TimerBarPos: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Timer Bar Position (Top Left)', 'Timer Bar Position (Bottom)'],
-		'Placement of the Timer Bar',
-		false,
-		function () { ToggleTimerBarPos(); },
-	),
-	TimerBarOverlay: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Timer Bar Overlay OFF', 'Timer Bar Overlay Only Seconds', 'Timer Bar Overlay Full'],
-		'Overlay on timers displaying seconds and/or percentage left',
-		true,
-	),
-	SortBuildings: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Sort Buildings: Default', 'Sort Buildings: PP'],
-		'Sort the display of buildings in either default order or by PP',
-		false,
-		function () { UpdateBuildings(); },
-	),
-	SortUpgrades: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Sort Upgrades: Default', 'Sort Upgrades: PP'],
-		'Sort the display of upgrades in either default order or by PP',
-		false,
-		function () { UpdateUpgrades(); },
-	),
-	BuildColor: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Building Colors OFF', 'Building Colors ON'],
-		'Color code buildings',
-		true,
-		function () { UpdateBuildings(); },
-	),
-	BulkBuildColor: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Bulk Building Colors (Single Building Color)', 'Bulk Building Colors (Calculated Bulk Color)'],
-		'Color code bulk buildings based on single buildings color or calculated bulk value color',
-		false,
-		function () { UpdateBuildings(); },
-	),
-	UpBarColor: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Upgrade Colors/Bar OFF', 'Upgrade Colors with Bar ON', 'Upgrade Colors without Bar ON'],
-		'Color code upgrades and optionally add a counter bar',
-		false,
-		function () { ToggleUpgradeBarAndColor(); },
-	),
-	Colors: new SettingColours(
-		'color',
-		'BarsColors',
-		{
-			Blue: 'Color Blue.  Used to show better than best PP building, for Click Frenzy bar, and for various labels',
-			Green: 'Color Green.  Used to show best PP building, for Blood Frenzy bar, and for various labels',
-			Yellow: 'Color Yellow.  Used to show between best and worst PP buildings closer to best, for Frenzy bar, and for various labels',
-			Orange: 'Color Orange.  Used to show between best and worst PP buildings closer to worst, for Next Reindeer bar, and for various labels',
-			Red: 'Color Red.  Used to show worst PP building, for Clot bar, and for various labels',
-			Purple: 'Color Purple.  Used to show worse than worst PP building, for Next Cookie bar, and for various labels',
-			Gray: 'Color Gray.  Used to show negative or infinity PP, and for Next Cookie/Next Reindeer bar',
-			Pink: 'Color Pink.  Used for Dragonflight bar',
-			Brown: 'Color Brown.  Used for Dragon Harvest bar',
-		},
-		function () { UpdateColors(); },
-	),
-	UpgradeBarFixedPos: new SettingStandard(
-		'bool',
-		'BarsColors',
-		['Upgrade Bar Fixed Position OFF', 'Upgrade Bar Fixed Position ON'],
-		'Lock the upgrade bar at top of the screen to prevent it from moving ofscreen when scrolling',
-		true,
-		function () { ToggleUpgradeBarFixedPos(); },
-	),
-
-	// Calculation
-	CalcWrink: new SettingStandard(
-		'bool',
-		'Calculation',
-		['Calculate with Wrinklers OFF', 'Calculate with Wrinklers ON', 'Calculate with Single Fattest Wrinkler ON'],
-		'Calculate times and average Cookies Per Second with (only the single non-shiny fattest) Wrinklers',
-		true,
-	),
-	CPSMode: new SettingStandard(
-		'bool',
-		'Calculation',
-		['Current Cookies Per Second', 'Average Cookies Per Second'],
-		'Calculate times using current Cookies Per Second or average Cookies Per Second',
-		false,
-	),
-	AvgCPSHist: new SettingStandard(
-		'bool',
-		'Calculation',
-		['Average CPS for past 10s', 'Average CPS for past 15s', 'Average CPS for past 30s', 'Average CPS for past 1m', 'Average CPS for past 5m', 'Average CPS for past 10m', 'Average CPS for past 15m', 'Average CPS for past 30m'],
-		'How much time average Cookies Per Second should consider',
-		false,
-	),
-	AvgClicksHist: new SettingStandard(
-		'bool',
-		'Calculation',
-		['Average Cookie Clicks for past 1s', 'Average Cookie Clicks for past 5s', 'Average Cookie Clicks for past 10s', 'Average Cookie Clicks for past 15s', 'Average Cookie Clicks for past 30s'],
-		'How much time average Cookie Clicks should consider',
-		false,
-	),
-	ColorPPBulkMode: new SettingStandard(
-		'bool',
-		'Calculation',
-		['Color of PP (Compared to Single)', 'Color of PP (Compared to Bulk)'],
-		'Color PP-values based on comparison with single purchase or with selected bulk-buy mode',
-		false,
-		function () { CachePP(); },
-	),
-	PPExcludeTop: new SettingStandard(
-		'bool',
-		'Calculation',
-		["Don't Ignore Any", 'Ignore 1st Best', 'Ignore 1st and 2nd Best', 'Ignore 1st, 2nd and 3rd Best'],
-		'Makes CookieMonster ignore the 1st, 2nd or 3rd best buildings in labeling and colouring PP values',
-		true,
-	),
-	PPSecondsLowerLimit: new SettingInputNumber(
-		'numscale',
-		'Calculation',
-		'Lower limit for PP (in seconds): ',
-		'If a building or upgrade costs less than the specified seconds of CPS it will also be considered optimal and label it as such ("PP is less than xx seconds of CPS"); setting to 0 ignores this option',
-		0,
-		Infinity,
-	),
-	PPOnlyConsiderBuyable: new SettingStandard(
-		'bool',
-		'Calculation',
-		["Don't Ignore Non-Buyable", 'Ignore Non-Buyable'],
-		"Makes CookieMonster label buildings and upgrades you can't buy right now red, useful in those situations where you just want to spend your full bank 'most optimally'",
-		true,
-	),
-	ToolWarnBon: new SettingStandard(
-		'bool',
-		'Calculation',
-		['Calculate Tooltip Warning With Bonus CPS OFF', 'Calculate Tooltip Warning With Bonus CPS ON'],
-		'Calculate the warning with or without the bonus CPS you get from buying',
-		true,
-	),
-
-	// Notification
-	Title: new SettingStandard(
-		'bool',
-		'NotificationGeneral',
-		['Title OFF', 'Title ON', 'Title Pinned Tab Highlight'],
-		'Update title with Golden Cookie/Season Popup timers; pinned tab highlight only changes the title when a Golden Cookie/Season Popup spawns; "!" means that Golden Cookie/Reindeer can spawn',
-		true,
-	),
-	GeneralSound: new SettingStandard(
-		'bool',
-		'NotificationGeneral',
-		['Consider Game Volume Setting OFF', 'Consider Game Volume Setting ON'],
-		'Turning this toggle to "off" makes Cookie Monster no longer consider the volume setting of the base game, allowing mod notifications to play with base game volume turned down',
-		true,
-	),
-	GCNotification: new SettingStandard(
-		'bool',
-		'NotificationGC',
-		['Notification OFF', 'Notification ON'],
-		'Create a notification when Golden Cookie spawns',
-		true,
-		function () { CheckNotificationPermissions(CMOptions.GCNotification); },
-	),
-	GCFlash: new SettingStandard(
-		'bool',
-		'NotificationGC',
-		['Flash OFF', 'Flash ON'],
-		'Flash screen on Golden Cookie',
-		true,
-	),
-	GCSound: new SettingStandard(
-		'bool',
-		'NotificationGC',
-		['Sound OFF', 'Sound ON'],
-		'Play a sound on Golden Cookie',
-		true,
-	),
-	GCVolume: new SettingVolume(
-		'vol',
-		'NotificationGC',
-		[],
-		'Volume',
-	),
-	GCSoundURL: new SettingStandard(
-		'url',
-		'NotificationGC',
-		'Sound URL:',
-		'URL of the sound to be played when a Golden Cookie spawns',
-	),
-	FortuneNotification: new SettingStandard(
-		'bool',
-		'NotificationFC',
-		['Notification OFF', 'Notification ON'],
-		'Create a notification when Fortune Cookie is on the Ticker',
-		true,
-		function () { CheckNotificationPermissions(CMOptions.FortuneNotification); },
-	),
-	FortuneFlash: new SettingStandard(
-		'bool',
-		'NotificationFC',
-		['Flash OFF', 'Flash ON'],
-		'Flash screen on Fortune Cookie',
-		true,
-	),
-	FortuneSound: new SettingStandard(
-		'bool',
-		'NotificationFC',
-		['Sound OFF', 'Sound ON'],
-		'Play a sound on Fortune Cookie',
-		true,
-	),
-	FortuneVolume: new SettingVolume(
-		'vol',
-		'NotificationFC',
-		[],
-		'Volume',
-	),
-
-	FortuneSoundURL: new SettingStandard(
-		'url',
-		'NotificationFC',
-		'Sound URL:',
-		'URL of the sound to be played when the Ticker has a Fortune Cookie',
-	),
-	SeaNotification: new SettingStandard(
-		'bool',
-		'NotificationSea',
-		['Notification OFF', 'Notification ON'],
-		'Create a notification on Season Popup',
-		true,
-		function () { CheckNotificationPermissions(CMOptions.SeaNotification); },
-	),
-	SeaFlash: new SettingStandard(
-		'bool',
-		'NotificationSea',
-		['Flash OFF', 'Flash ON'],
-		'Flash screen on Season Popup',
-		true,
-	),
-	SeaSound: new SettingStandard(
-		'bool',
-		'NotificationSea',
-		['Sound OFF', 'Sound ON'],
-		'Play a sound on Season Popup',
-		true,
-	),
-	SeaVolume: new SettingVolume(
-		'vol',
-		'NotificationSea',
-		[],
-		'Volume',
-	),
-	SeaSoundURL: new SettingStandard(
-		'url',
-		'NotificationSea',
-		'Sound URL:',
-		'URL of the sound to be played when a Season Special spawns',
-	),
-	GardFlash: new SettingStandard(
-		'bool',
-		'NotificationGard',
-		['Garden Tick Flash OFF', 'Flash ON'],
-		'Flash screen on Garden Tick',
-		true,
-	),
-	GardSound: new SettingStandard(
-		'bool',
-		'NotificationGard',
-		['Sound OFF', 'Sound ON'],
-		'Play a sound on Garden Tick',
-		true,
-	),
-	GardVolume: new SettingVolume(
-		'vol',
-		'NotificationGard',
-		[],
-		'Volume',
-	),
-	GardSoundURL: new SettingStandard(
-		'url',
-		'NotificationGard',
-		'Garden Tick Sound URL:',
-		'URL of the sound to be played when the garden ticks',
-	),
-	MagicNotification: new SettingStandard(
-		'bool',
-		'NotificationMagi',
-		['Notification OFF', 'Notification ON'],
-		'Create a notification when magic reaches maximum',
-		true,
-		function () { CheckNotificationPermissions(CMOptions.MagicNotification); },
-	),
-	MagicFlash: new SettingStandard(
-		'bool',
-		'NotificationMagi',
-		['Flash OFF', 'Flash ON'],
-		'Flash screen when magic reaches maximum',
-		true,
-	),
-	MagicSound: new SettingStandard(
-		'bool',
-		'NotificationMagi',
-		['Sound OFF', 'Sound ON'],
-		'Play a sound when magic reaches maximum',
-		true,
-	),
-	MagicVolume: new SettingVolume(
-		'vol',
-		'NotificationMagi',
-		[],
-		'Volume',
-	),
-	MagicSoundURL: new SettingStandard(
-		'url',
-		'NotificationMagi',
-		'Sound URL:',
-		'URL of the sound to be played when magic reaches maxium',
-	),
-	WrinklerNotification: new SettingStandard(
-		'bool',
-		'NotificationWrink',
-		['Notification OFF', 'Notification ON'],
-		'Create a notification when a Wrinkler appears',
-		true,
-		function () { CheckNotificationPermissions(CMOptions.WrinklerNotification); },
-	),
-	WrinklerFlash: new SettingStandard(
-		'bool',
-		'NotificationWrink',
-		['Flash OFF', 'Flash ON'],
-		'Flash screen when a Wrinkler appears',
-		true,
-	),
-	WrinklerSound: new SettingStandard(
-		'bool',
-		'NotificationWrink',
-		['Sound OFF', 'Sound ON'],
-		'Play a sound when a Wrinkler appears',
-		true,
-	),
-	WrinklerVolume: new SettingVolume(
-		'vol',
-		'NotificationWrink',
-		[],
-		'Volume',
-	),
-	WrinklerSoundURL: new SettingStandard(
-		'url',
-		'NotificationWrink',
-		'Sound URL:',
-		'URL of the sound to be played when a Wrinkler appears',
-	),
-	WrinklerMaxNotification: new SettingStandard(
-		'bool',
-		'NotificationWrinkMax',
-		['Notification OFF', 'Notification ON'],
-		'Create a notification when the maximum amount of Wrinklers has appeared',
-		true,
-		function () { CheckNotificationPermissions(CMOptions.WrinklerMaxNotification); },
-	),
-	WrinklerMaxFlash: new SettingStandard(
-		'bool',
-		'NotificationWrinkMax',
-		['Flash OFF', 'Flash ON'],
-		'Flash screen when the maximum amount of Wrinklers has appeared',
-		true,
-	),
-	WrinklerMaxSound: new SettingStandard(
-		'bool',
-		'NotificationWrinkMax',
-		['Sound OFF', 'Sound ON'],
-		'Play a sound when the maximum amount of Wrinklers has appeared',
-		true,
-	),
-	WrinklerMaxVolume: new SettingVolume(
-		'vol',
-		'NotificationWrinkMax',
-		[],
-		'Volume',
-	),
-	WrinklerMaxSoundURL: new SettingStandard(
-		'url',
-		'NotificationWrinkMax',
-		'Sound URL:',
-		'URL of the sound to be played when the maximum amount of Wrinklers has appeared',
-	),
-
-	// Tooltip
-	TooltipBuildUpgrade: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Building/Upgrade Tooltip Information OFF', 'Building/Upgrade  Tooltip Information ON'],
-		'Extra information in Building/Upgrade tooltips',
-		true,
-	),
-	TooltipAmor: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Buildings Tooltip Amortization Information OFF', 'Buildings Tooltip Amortization Information ON'],
-		'Add amortization information to buildings tooltip',
-		true,
-	),
-	ToolWarnLucky: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Tooltip Lucky Warning OFF', 'Tooltip Lucky Warning ON'],
-		'A warning when buying if it will put the bank under the amount needed for max "Lucky!" rewards',
-		true,
-	),
-	ToolWarnLuckyFrenzy: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Tooltip Lucky Frenzy Warning OFF', 'Tooltip Lucky Frenzy Warning ON'],
-		'A warning when buying if it will put the bank under the amount needed for max "Lucky!" (Frenzy) rewards',
-		true,
-	),
-	ToolWarnConjure: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Tooltip Conjure Warning OFF', 'Tooltip Conjure Warning ON'],
-		'A warning when buying if it will put the bank under the amount needed for max "Conjure Baked Goods" rewards',
-		true,
-	),
-	ToolWarnConjureFrenzy: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Tooltip Conjure Frenzy Warning OFF', 'Tooltip Conjure Frenzy Warning ON'],
-		'A warning when buying if it will put the bank under the amount needed for max "Conjure Baked Goods" rewards with Frenzy active',
-		true,
-	),
-	ToolWarnEdifice: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Tooltip Edifice Warning OFF', 'Tooltip Edifice Warning ON'],
-		'A warning when buying if it will put the bank under the amount needed for "Spontaneous Edifice" to possibly give you your most expensive building',
-		true,
-	),
-	ToolWarnUser: new SettingInputNumber(
-		'numscale',
-		'Tooltip',
-		'Tooltip Warning At x times CPS: ',
-		'Use this to show a customized warning if buying it will put the bank under the amount equal to value times cps; setting to 0 disables the function altogether',
-		0,
-		Infinity,
-	),
-	ToolWarnPos: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Tooltip Warning Position (Left)', 'Tooltip Warning Position (Bottom)'],
-		'Placement of the warning boxes',
-		false,
-		function () { ToggleToolWarnPos(); },
-	),
-	TooltipGrim: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Grimoire Tooltip Information OFF', 'Grimoire Tooltip Information ON'],
-		'Extra information in tooltip for grimoire',
-		true,
-	),
-	TooltipWrink: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Wrinkler Tooltip OFF', 'Wrinkler Tooltip ON'],
-		'Shows the amount of cookies a wrinkler will give when popping it',
-		true,
-	),
-	TooltipLump: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Sugar Lump Tooltip OFF', 'Sugar Lump Tooltip ON'],
-		'Shows the current Sugar Lump type in Sugar lump tooltip.',
-		true,
-	),
-	TooltipPlots: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Garden Plots Tooltip OFF', 'Garden Plots Tooltip ON'],
-		'Shows a tooltip for plants that have a cookie reward.',
-		true,
-	),
-	DragonAuraInfo: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Extra Dragon Aura Info OFF', 'Extra Dragon Aura Info ON'],
-		'Shows information about changes in CPS and costs in the dragon aura interface.',
-		true,
-	),
-	TooltipAscendButton: new SettingStandard(
-		'bool',
-		'Tooltip',
-		['Show Extra Info Ascend Tooltip OFF', 'Show Extra Info Ascend Tooltip ON'],
-		'Shows additional info in the ascend tooltip',
-		true,
-	),
-
-	// Statistics
-	Stats: new SettingStandard(
-		'bool',
-		'Statistics',
-		['Statistics OFF', 'Statistics ON'],
-		'Extra Cookie Monster statistics!',
-		true,
-	),
-	MissingUpgrades: new SettingStandard(
-		'bool',
-		'Statistics',
-		['Missing Upgrades OFF', 'Missing Upgrades ON'],
-		'Shows Missing upgrades in Stats Menu. This feature can be laggy for users with a low amount of unlocked achievements.',
-		true,
-	),
-	UpStats: new SettingStandard(
-		'bool',
-		'Statistics',
-		['Statistics Update Rate (Default)', 'Statistics Update Rate (1s)'],
-		'Default Game rate is once every 5 seconds',
-		false,
-	),
-	TimeFormat: new SettingStandard(
-		'bool',
-		'Statistics',
-		['Time XXd, XXh, XXm, XXs', 'Time XX:XX:XX:XX:XX'],
-		'Change the time format',
-		false,
-	),
-	DetailedTime: new SettingStandard(
-		'bool',
-		'Statistics',
-		['Detailed Time OFF', 'Detailed Time ON'],
-		'Change how time is displayed in certain statistics and tooltips',
-		true,
-		function () { ToggleDetailedTime(); },
-	),
-	GrimoireBar: new SettingStandard(
-		'bool',
-		'Statistics',
-		['Grimoire Magic Meter Timer OFF', 'Grimoire Magic Meter Timer ON'],
-		'A timer on how long before the Grimoire magic meter is full',
-		true,
-	),
-	HeavenlyChipsTarget: new SettingInputNumber(
-		'numscale',
-		'Statistics',
-		'Heavenly Chips Target: ',
-		'Use this to set a Heavenly Chips target that will be counted towards in the "prestige" statsistics sections',
-		1,
-		Infinity,
-	),
-	ShowMissedGC: new SettingStandard(
-		'bool',
-		'Statistics',
-		['Missed GC OFF', 'Missed GC ON'],
-		'Show a stat in the statistics screen that counts how many Golden Cookies you have missed',
-		true,
-	),
-
-	// Notation
-	Scale: new SettingStandard(
-		'bool',
-		'Notation',
-		['Game\'s Setting Scale', 'Metric', 'Short Scale', 'Short Scale (Abbreviated)', 'Scientific Notation', 'Engineering Notation'],
-		'Change how long numbers are handled',
-		false,
-		function () { RefreshScale(); },
-	),
-	ScaleDecimals: new SettingStandard(
-		'bool',
-		'Notation',
-		['1 decimals', '2 decimals', '3 decimals'],
-		'Set the number of decimals used when applicable',
-		false,
-		function () { RefreshScale(); },
-	),
-	ScaleSeparator: new SettingStandard(
-		'bool',
-		'Notation',
-		['. for decimals (Standard)', '. for thousands'],
-		'Set the separator used for decimals and thousands',
-		false,
-		function () { RefreshScale(); },
-	),
-	ScaleCutoff: new SettingInputNumber(
-		'numscale',
-		'Notation',
-		'Notation Cut-off Point: ',
-		'The number from which CookieMonster will start formatting numbers based on chosen scale. Standard is 999,999. Setting this above 999,999,999 might break certain notations',
-		1,
-		999999999,
-	),
-
-	// Miscellaneous
-	GCTimer: new SettingStandard(
-		'bool',
-		'Miscellaneous',
-		['Golden Cookie Timer OFF', 'Golden Cookie Timer ON'],
-		'A timer on the Golden Cookie when it has been spawned',
-		true,
-		function () { ToggleGCTimer(); },
-	),
-	Favicon: new SettingStandard(
-		'bool',
-		'Miscellaneous',
-		['Favicon OFF', 'Favicon ON'],
-		'Update favicon with Golden/Wrath Cookie',
-		true,
-		function () { UpdateFavicon(); },
-	),
-	WrinklerButtons: new SettingStandard(
-		'bool',
-		'Miscellaneous',
-		['Extra Buttons OFF', 'Extra Buttons ON'],
-		'Show buttons for popping wrinklers at bottom of cookie section',
-		true,
-		function () { ToggleWrinklerButtons(); },
-	),
-	BulkBuyBlock: new SettingStandard(
-		'bool',
-		'Miscellaneous',
-		['Block Bulk Buying OFF', 'Block Bulk Buying ON'],
-		"Block clicking bulk buying when you can't buy all. This prevents buying 7 of a building when you are in buy-10 or buy-100 mode.",
-		true,
-	),
-};
-
-export default Config;

src/Data/SettingsDefault.js

@@ -1,97 +0,0 @@
-/** This array describes all default settings */
-const ConfigDefault = {
-	BotBar: 1,
-	TimerBar: 1,
-	TimerBarPos: 0,
-	TimerBarOverlay: 2,
-	BuildColor: 1,
-	BulkBuildColor: 0,
-	UpBarColor: 1,
-	UpgradeBarFixedPos: 1,
-	CalcWrink: 0,
-	CPSMode: 1,
-	AvgCPSHist: 3,
-	AvgClicksHist: 0,
-	ColorPPBulkMode: 1,
-	PPExcludeTop: 0,
-	PPSecondsLowerLimit: 0,
-	PPOnlyConsiderBuyable: 0,
-	ToolWarnBon: 0,
-	Title: 1,
-	GeneralSound: 1,
-	GCNotification: 0,
-	GCFlash: 1,
-	GCSound: 1,
-	GCVolume: 100,
-	GCSoundURL: 'https://freesound.org/data/previews/66/66717_931655-lq.mp3',
-	FortuneNotification: 0,
-	FortuneFlash: 1,
-	FortuneSound: 1,
-	FortuneVolume: 100,
-	FortuneSoundURL: 'https://freesound.org/data/previews/174/174027_3242494-lq.mp3',
-	SeaNotification: 0,
-	SeaFlash: 1,
-	SeaSound: 1,
-	SeaVolume: 100,
-	SeaSoundURL: 'https://www.freesound.org/data/previews/121/121099_2193266-lq.mp3',
-	GardFlash: 1,
-	GardSound: 1,
-	GardVolume: 100,
-	GardSoundURL: 'https://freesound.org/data/previews/103/103046_861714-lq.mp3',
-	MagicNotification: 0,
-	MagicFlash: 1,
-	MagicSound: 1,
-	MagicVolume: 100,
-	MagicSoundURL: 'https://freesound.org/data/previews/221/221683_1015240-lq.mp3',
-	WrinklerNotification: 0,
-	WrinklerFlash: 1,
-	WrinklerSound: 1,
-	WrinklerVolume: 100,
-	WrinklerSoundURL: 'https://freesound.org/data/previews/124/124186_8043-lq.mp3',
-	WrinklerMaxNotification: 0,
-	WrinklerMaxFlash: 1,
-	WrinklerMaxSound: 1,
-	WrinklerMaxVolume: 100,
-	WrinklerMaxSoundURL: 'https://freesound.org/data/previews/152/152743_15663-lq.mp3',
-	TooltipBuildUpgrade: 1,
-	TooltipAmor: 0,
-	ToolWarnLucky: 1,
-	ToolWarnLuckyFrenzy: 1,
-	ToolWarnConjure: 1,
-	ToolWarnConjureFrenzy: 1,
-	ToolWarnEdifice: 1,
-	ToolWarnUser: 0,
-	ToolWarnPos: 1,
-	TooltipGrim: 1,
-	TooltipWrink: 1,
-	TooltipLump: 1,
-	TooltipPlots: 1,
-	DragonAuraInfo: 1,
-	TooltipAscendButton: 1,
-	Stats: 1,
-	MissingUpgrades: 1,
-	UpStats: 1,
-	TimeFormat: 0,
-	DetailedTime: 1,
-	GrimoireBar: 1,
-	HeavenlyChipsTarget: 1,
-	ShowMissedGC: 1,
-	Scale: 2,
-	ScaleDecimals: 2,
-	ScaleSeparator: 0,
-	ScaleCutoff: 999999,
-	Colors: {
-		Blue: '#4bb8f0', Green: '#00ff00', Yellow: '#ffff00', Orange: '#ff7f00', Red: '#ff0000', Purple: '#ff00ff', Gray: '#b3b3b3', Pink: '#ff1493', Brown: '#8b4513',
-	},
-	SortBuildings: 0,
-	SortUpgrades: 0,
-	GCTimer: 1,
-	Favicon: 1,
-	WrinklerButtons: 1,
-	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/Data/headers.js

@@ -0,0 +1,33 @@
+/** This includes all headers of Cookie Monster and their relevant data */
+const headers = {
+  Favourite: 1,
+  Calculation: 1,
+  Notation: 1,
+  Colours: 1,
+  BarsDisplay: 1,
+  Tooltip: 1,
+  Statistics: 1,
+  Notification: 1,
+  NotificationGeneral: 1,
+  NotificationGC: 1,
+  NotificationFC: 1,
+  NotificationSea: 1,
+  NotificationGard: 1,
+  NotificationMagi: 1,
+  NotificationWrink: 1,
+  NotificationWrinkMax: 1,
+  Miscellaneous: 1,
+  Lucky: 1,
+  Chain: 1,
+  Spells: 1,
+  Garden: 1,
+  Prestige: 1,
+  Wrink: 1,
+  Sea: 1,
+  Achievs: 1,
+  Misc: 1,
+  infoMenu: 1,
+  optionsMenu: 1,
+};
+
+export default headers;

src/Data/settings.js

@@ -0,0 +1,966 @@
+import { settingClasses } from '@cookiemonsterteam/cookiemonsterframework/src/index.js';
+
+import CheckNotificationPermissions from '../Config/CheckNotificationPermissions.js';
+import RefreshScale from '../Disp/HelperFunctions/RefreshScale.js';
+import { SimDoSims } from '../Sim/VariablesAndData.js'; // eslint-disable-line no-unused-vars
+import ToggleBotBar from '../Config/Toggles/ToggleBotBar.js';
+import ToggleDetailedTime from '../Config/Toggles/ToggleDetailedTime.js';
+import ToggleGCTimer from '../Config/Toggles/ToggleGCTimer.js';
+import ToggleSectionHideButtons from '../Config/Toggles/ToggleSectionHideButtons.js';
+import ToggleToolWarnPos from '../Config/Toggles/ToggleToolWarnPos.js';
+import ToggleUpgradeBarAndColour from '../Config/Toggles/ToggleUpgradeBarAndColour.js';
+import ToggleUpgradeBarFixedPos from '../Config/Toggles/ToggleUpgradeBarFixedPos.js';
+import ToggleWrinklerButtons from '../Config/Toggles/ToggleWrinklerButtons.js';
+import UpdateBuildings from '../Disp/BuildingsUpgrades/Buildings.js';
+import { UpdateFavicon } from '../Disp/TabTitle/FavIcon.js';
+import UpdateUpgradeSectionsHeight from '../Disp/BuildingsUpgrades/UpdateUpgradeSectionsHeight.js';
+import UpdateUpgrades from '../Disp/BuildingsUpgrades/Upgrades.js';
+import { ToggleTimerBar, ToggleTimerBarPos } from '../Config/SpecificToggles.js';
+
+/** This includes all options of CookieMonster and their relevant data */
+const settings = {
+  // Calculation
+  CPSMode: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Calculation',
+    ['Current cookies per second', 'Average cookies per second'],
+    'Calculate times using current cookies per second or average cookies per second',
+    false,
+  ),
+  AvgCPSHist: new settingClasses.SettingStandard(
+    3,
+    'bool',
+    'Calculation',
+    [
+      'Average CPS in past 10s',
+      'Average CPS in past 15s',
+      'Average CPS in past 30s',
+      'Average CPS in past 1m',
+      'Average CPS in past 5m',
+      'Average CPS in past 10m',
+      'Average CPS in past 15m',
+      'Average CPS in past 30m',
+    ],
+    'How much time average Cookies Per Second should consider',
+    false,
+  ),
+  AvgClicksHist: new settingClasses.SettingStandard(
+    0,
+    'bool',
+    'Calculation',
+    [
+      'Average clicks in past 1s',
+      'Average clicks in past 5s',
+      'Average clicks in past 10s',
+      'Average clicks in past 15s',
+      'Average clicks in past 30s',
+    ],
+    'How much time average Cookie Clicks should consider',
+    false,
+  ),
+  CalcWrink: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'Calculation',
+    [
+      'Calculate with wrinklers OFF',
+      'Calculate with wrinklers ON',
+      'Calculate with single fattest wrinkler ON',
+    ],
+    'Calculate times and average Cookies Per Second with (only the single non-shiny fattest) wrinklers',
+    true,
+    () => {
+      SimDoSims = true;
+    },
+  ),
+
+  // Notation
+  Scale: new settingClasses.SettingStandardWithFunc(
+    2,
+    'bool',
+    'Notation',
+    [
+      "Game's setting scale",
+      'Metric',
+      'Short scale',
+      'Short scale (Abbreviated)',
+      'Scientific notation',
+      'Engineering notation',
+    ],
+    'Change how long numbers are formatted',
+    false,
+    () => {
+      RefreshScale();
+    },
+  ),
+  ScaleDecimals: new settingClasses.SettingStandardWithFunc(
+    2,
+    'bool',
+    'Notation',
+    ['1 decimals', '2 decimals', '3 decimals'],
+    `Set the number of decimals used when applicable. This only works with Cookie Monster scales and not with "Game's Setting Scale"`,
+    false,
+    () => {
+      RefreshScale();
+    },
+  ),
+  ScaleSeparator: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'Notation',
+    ['. for decimals (standard)', '. for thousands'],
+    'Set the separator used for decimals and thousands',
+    false,
+    () => {
+      RefreshScale();
+    },
+  ),
+  ScaleCutoff: new settingClasses.SettingInputNumber(
+    999999,
+    'numscale',
+    'Notation',
+    'Notation cut-off point: ',
+    'The number from which Cookie Monster will start formatting numbers based on chosen scale. Standard is 999,999. Setting this above 999,999,999 might break certain notations',
+    1,
+    999999999,
+  ),
+  TimeFormat: new settingClasses.SettingStandard(
+    0,
+    'bool',
+    'Notation',
+    ['Time XXd, XXh, XXm, XXs', 'Time XX:XX:XX:XX:XX', 'Time XXx, XXx'],
+    'Change the time format',
+    false,
+  ),
+  DetailedTime: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'Notation',
+    ['Detailed time OFF', 'Detailed time ON'],
+    'Change how time is displayed in certain statistics and tooltips',
+    true,
+    () => {
+      ToggleDetailedTime();
+    },
+  ),
+  PPDisplayTime: new settingClasses.SettingStandard(
+    0,
+    'bool',
+    'Notation',
+    ['PP as value (standard)', 'PP as time unit'],
+    'Display PP as calculated value or as approximate time unit. Note that PP does not translate directly into a time unit and this is therefore only an approximation.',
+    false,
+  ),
+
+  // Colours
+  BuildColour: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'Colours',
+    ['Building colours OFF', 'Building colours ON'],
+    'Colour code buildings',
+    true,
+    () => {
+      UpdateBuildings();
+    },
+  ),
+  PPOnlyConsiderBuyable: new settingClasses.SettingStandard(
+    0,
+    'bool',
+    'Colours',
+    ["Don't ignore non-buyable", 'Ignore non-buyable'],
+    "Makes Cookie Monster label buildings and upgrades you can't buy right now red, useful in those situations where you just want to spend your full bank 'most optimally'",
+    true,
+  ),
+  PPExcludeTop: new settingClasses.SettingStandard(
+    0,
+    'bool',
+    'Colours',
+    [
+      "Don't ignore any",
+      'Ignore 1st best',
+      'Ignore 1st and 2nd best',
+      'Ignore 1st, 2nd and 3rd best',
+    ],
+    'Makes Cookie Monster ignore the 1st, 2nd or 3rd best buildings in labeling and colouring PP values',
+    true,
+  ),
+  PPRigidelMode: new settingClasses.SettingStandard(
+    0,
+    'bool',
+    'Colours',
+    ['Rigidel mode OFF', 'Rigidel mode ON'],
+    'Makes Cookie Monster ignore all "buy 1" options when colouring PP in order to stay at a total building count ending in 10 for pantheon god Rigidel',
+    true,
+  ),
+  PPSecondsLowerLimit: new settingClasses.SettingInputNumber(
+    0,
+    'numscale',
+    'Colours',
+    'Lower limit for PP (in seconds): ',
+    'If a building or upgrade costs less than the specified seconds of CPS it will also be considered optimal and label it as such ("PP is less than xx seconds of CPS"); setting to 0 ignores this option',
+    0,
+    Infinity,
+  ),
+  ColourBlue: new settingClasses.SettingColours(
+    '#4bb8f0',
+    'colour',
+    'Colours',
+    'Standard colour is blue. Used to show upgrades better than best PP building, for Click Frenzy bar, and for various labels',
+  ),
+  ColourGreen: new settingClasses.SettingColours(
+    '#00ff00',
+    'colour',
+    'Colours',
+    'Standard colour is green. Used to show best PP building, for Blood Frenzy bar, and for various labels',
+  ),
+  ColourYellow: new settingClasses.SettingColours(
+    '#ffff00',
+    'colour',
+    'Colours',
+    'Standard colour is yellow. Used to show buildings within the top 10 of PP, for Frenzy bar, and for various labels',
+  ),
+  ColourOrange: new settingClasses.SettingColours(
+    '#ff7f00',
+    'colour',
+    'Colours',
+    'Standard colour is orange. Used to show buildings within the top 20 of PP, for Next Reindeer bar, and for various labels',
+  ),
+  ColourRed: new settingClasses.SettingColours(
+    '#ff0000',
+    'colour',
+    'Colours',
+    'Standard colour is Red. Used to show buildings within the top 30 of PP, for Clot bar, and for various labels',
+  ),
+  ColourPurple: new settingClasses.SettingColours(
+    '#ff00ff',
+    'colour',
+    'Colours',
+    'Standard colour is purple. Used to show buildings outside of the top 30 of PP, for Next Cookie bar, and for various labels',
+  ),
+  ColourGray: new settingClasses.SettingColours(
+    '#b3b3b3',
+    'colour',
+    'Colours',
+    'Standard colour is gray. Used to show negative or infinity PP, and for Next Cookie/Next Reindeer bar',
+  ),
+  ColourPink: new settingClasses.SettingColours(
+    '#ff1493',
+    'colour',
+    'Colours',
+    'Standard colour is pink. Used for Dragonflight bar',
+  ),
+  ColourBrown: new settingClasses.SettingColours(
+    '#8b4513',
+    'colour',
+    'Colours',
+    'Standard colour is brown. Used for Dragon Harvest bar',
+  ),
+
+  // BarsDisplay
+  BotBar: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'BarsDisplay',
+    ['Bottom bar OFF', 'Bottom bar ON'],
+    'Building information',
+    true,
+    () => {
+      ToggleBotBar();
+    },
+  ),
+  TimerBar: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'BarsDisplay',
+    ['Timer bar OFF', 'Timer bar ON'],
+    'Bar with timers for golden cookie, season popup, Frenzy (Normal, Clot, Elder), Click Frenzy',
+    true,
+    () => {
+      ToggleTimerBar();
+    },
+  ),
+  TimerBarPos: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'BarsDisplay',
+    ['Timer bar position (top left)', 'Timer bar position (bottom)'],
+    'Placement of the timer bar',
+    false,
+    () => {
+      ToggleTimerBarPos();
+    },
+  ),
+  TimerBarOverlay: new settingClasses.SettingStandard(
+    2,
+    'bool',
+    'BarsDisplay',
+    ['Timer bar overlay OFF', 'Timer bar overlay only seconds', 'Timer bar overlay full'],
+    'Overlay on timers displaying seconds and/or percentage left',
+    true,
+  ),
+  AutosaveTimerBar: new settingClasses.SettingStandard(
+    0,
+    'bool',
+    'BarsDisplay',
+    ['Autosave timer bar OFF', 'Autosave timer bar ON'],
+    'Show a timer counting down till next autosave in the timer bar',
+    true,
+  ),
+  UpBarColour: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'BarsDisplay',
+    ['Upgrade colours/bar OFF', 'Upgrade colours with bar ON', 'Upgrade colours without bar ON'],
+    'Colour code upgrades and optionally add a counter bar',
+    false,
+    () => {
+      ToggleUpgradeBarAndColour();
+    },
+  ),
+  UpgradeBarFixedPos: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'BarsDisplay',
+    ['Upgrade bar fixed position OFF', 'Upgrade bar fixed position ON'],
+    'Lock the upgrade bar at top of the screen to prevent it from moving ofscreen when scrolling',
+    true,
+    () => {
+      ToggleUpgradeBarFixedPos();
+    },
+  ),
+  SortBuildings: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'BarsDisplay',
+    [
+      'Sort buildings: default',
+      'Sort buildings: PP of x1 purchase',
+      'Sort buildings: PP of selected bulk mode',
+      'Sort buildings: price until next achievement',
+    ],
+    'Sort the display of buildings in default order, by PP, or until next achievement',
+    false,
+    () => {
+      UpdateBuildings();
+    },
+  ),
+  SortUpgrades: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'BarsDisplay',
+    ['Sort upgrades: default', 'Sort upgrades: PP'],
+    'Sort the display of upgrades in either default order or by PP',
+    false,
+    () => {
+      UpdateUpgrades();
+    },
+  ),
+  UpgradesNeverCollapse: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'BarsDisplay',
+    ['Upgrades always expanded OFF', 'Upgrades always expanded ON'],
+    'Toggle to make the upgrades sections always expanded to the size needed to display all upgrades',
+    true,
+    () => {
+      UpdateUpgradeSectionsHeight();
+    },
+  ),
+  DragonAuraInfo: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'BarsDisplay',
+    ['Extra dragon aura info OFF', 'Extra dragon aura info ON'],
+    'Shows information about changes in CPS and costs in the dragon aura interface.',
+    true,
+  ),
+  GrimoireBar: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'BarsDisplay',
+    ['Grimoire magic meter timer OFF', 'Grimoire magic meter timer ON'],
+    'A timer overlay showing how long till the Grimoire magic meter is full',
+    true,
+  ),
+  GCTimer: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'BarsDisplay',
+    ['Golden cookie timer OFF', 'Golden cookie timer ON'],
+    'A timer on the golden cookie when it has been spawned',
+    true,
+    () => {
+      ToggleGCTimer();
+    },
+  ),
+  Favicon: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'BarsDisplay',
+    ['Favicon OFF', 'Favicon ON'],
+    'Update favicon with golden/wrath cookie',
+    true,
+    () => {
+      UpdateFavicon();
+    },
+  ),
+  WrinklerButtons: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'BarsDisplay',
+    ['Extra wrinkler buttons OFF', 'Extra wrinkler buttons ON'],
+    'Show buttons for popping wrinklers at bottom of cookie section',
+    true,
+    () => {
+      ToggleWrinklerButtons();
+    },
+  ),
+  HideSectionsButtons: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'BarsDisplay',
+    ['Hide buildings/upgrades button OFF', 'Hide buildings/upgrades button ON'],
+    'Show buttons for hiding and showing the buildings and upgrades sections in the right column',
+    true,
+    () => {
+      ToggleSectionHideButtons();
+    },
+  ),
+
+  // Tooltip
+  TooltipBuildUpgrade: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Building/upgrade tooltip information OFF', 'Building/upgrade tooltip information ON'],
+    'Extra information in building/upgrade tooltips',
+    true,
+  ),
+  TooltipAmor: new settingClasses.SettingStandard(
+    0,
+    'bool',
+    'Tooltip',
+    [
+      'Buildings tooltip amortization information OFF',
+      'Buildings tooltip amortization information ON',
+    ],
+    'Add amortization information to buildings tooltip',
+    true,
+  ),
+  ToolWarnLucky: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Tooltip lucky warning OFF', 'Tooltip lucky warning ON'],
+    'A warning when buying if it will put the bank under the amount needed for max "Lucky!" rewards',
+    true,
+  ),
+  ToolWarnLuckyFrenzy: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Tooltip lucky frenzy warning OFF', 'Tooltip lucky frenzy warning ON'],
+    'A warning when buying if it will put the bank under the amount needed for max "Lucky!" (Frenzy) rewards',
+    true,
+  ),
+  ToolWarnConjure: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Tooltip conjure warning OFF', 'Tooltip conjure warning ON'],
+    'A warning when buying if it will put the bank under the amount needed for max "Conjure Baked Goods" rewards',
+    true,
+  ),
+  ToolWarnConjureFrenzy: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Tooltip conjure frenzy warning OFF', 'Tooltip conjure frenzy warning ON'],
+    'A warning when buying if it will put the bank under the amount needed for max "Conjure Baked Goods" rewards with Frenzy active',
+    true,
+  ),
+  ToolWarnEdifice: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Tooltip edifice warning OFF', 'Tooltip edifice warning ON'],
+    'A warning when buying if it will put the bank under the amount needed for "Spontaneous Edifice" to possibly give you your most expensive building',
+    true,
+  ),
+  ToolWarnUser: new settingClasses.SettingInputNumber(
+    0,
+    'numscale',
+    'Tooltip',
+    'Tooltip warning at x times CPS: ',
+    'Use this to show a customized warning if buying it will put the bank under the amount equal to value times cps; setting to 0 disables the function altogether',
+    0,
+    Infinity,
+  ),
+  ToolWarnBon: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Calculate tooltip warning with bonus CPS OFF', 'Calculate tooltip warning with bonus CPS ON'],
+    'Calculate the warning with or without the bonus CPS you get from buying',
+    true,
+  ),
+  ToolWarnPos: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'Tooltip',
+    ['Tooltip warning position (left)', 'Tooltip warning position (bottom)'],
+    'Placement of the warning boxes',
+    false,
+    () => {
+      ToggleToolWarnPos();
+    },
+  ),
+  TooltipGrim: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Grimoire tooltip information OFF', 'Grimoire tooltip information ON'],
+    'Extra information in tooltip for grimoire',
+    true,
+  ),
+  TooltipWrink: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Wrinkler tooltip OFF', 'Wrinkler tooltip ON'],
+    'Shows the amount of cookies a wrinkler will give when popping it',
+    true,
+  ),
+  TooltipLump: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Sugar lump tooltip OFF', 'Sugar lump tooltip ON'],
+    'Shows the current Sugar Lump type in Sugar lump tooltip.',
+    true,
+  ),
+  TooltipPlots: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Garden plots tooltip OFF', 'Garden plots tooltip ON'],
+    'Shows a tooltip for plants that have a cookie reward.',
+    true,
+  ),
+  TooltipStocks: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Stock market tooltips OFF', 'Stock market tooltips ON'],
+    'Shows additional info in the stock market tooltips.',
+    true,
+  ),
+  TooltipPantheon: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Pantheon tooltip OFF', 'Pantheon tooltip ON'],
+    'Shows additional info in the pantheon tooltip',
+    true,
+  ),
+  TooltipAscendButton: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Tooltip',
+    ['Show Extra Info Ascend Tooltip OFF', 'Show Extra Info Ascend Tooltip ON'],
+    'Shows additional info in the ascend tooltip',
+    true,
+  ),
+
+  // Statistics
+  Stats: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Statistics',
+    ['Statistics OFF', 'Statistics ON'],
+    'Extra Cookie Monster statistics!',
+    true,
+  ),
+  MissingUpgrades: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Statistics',
+    ['Missing upgrades OFF', 'Missing upgrades ON'],
+    'Shows missing upgrades in statistics menu',
+    true,
+  ),
+  MissingAchievements: new settingClasses.SettingStandard(
+    0,
+    'bool',
+    'Statistics',
+    ['Missing Achievements OFF', 'Missing Normal Achievements ON'],
+    'Shows missing normal achievements in statistics menu.',
+    true,
+  ),
+  UpStats: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Statistics',
+    ['Statistics update rate (default)', 'Statistics update rate (1s)'],
+    'Default rate is once every 5 seconds',
+    false,
+  ),
+  HeavenlyChipsTarget: new settingClasses.SettingInputNumber(
+    1,
+    'numscale',
+    'Statistics',
+    'Heavenly chips target: ',
+    'Use this to set a heavenly chips target that will be counted towards in the "prestige" statsistics sections',
+    1,
+    Infinity,
+  ),
+  ShowMissedGC: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Statistics',
+    ['Missed GC OFF', 'Missed GC ON'],
+    'Show a stat in the statistics screen that counts how many golden cookies you have missed',
+    true,
+  ),
+
+  // Notification
+  Title: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationGeneral',
+    ['Title OFF', 'Title ON', 'Title pinned tab highlight'],
+    'Update title with colden cookie/season popup timers; pinned tab highlight only changes the title when a golden cookie/season popup spawns; "!" means that golden cookie/reindeer can spawn',
+    true,
+  ),
+  GeneralSound: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationGeneral',
+    ['Consider game volume setting OFF', 'Consider game volume setting ON'],
+    'Turning this toggle to "off" makes Cookie Monster no longer consider the volume setting of the base game, allowing mod notifications to play with base game volume turned down',
+    true,
+  ),
+  GCNotification: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'NotificationGC',
+    ['Notification OFF', 'Notification ON'],
+    'Create a notification when golden cookie spawns',
+    true,
+    () => {
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.GCNotification,
+      );
+    },
+  ),
+  GCFlash: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationGC',
+    ['Flash OFF', 'Flash ON'],
+    'Flash screen on golden cookie',
+    true,
+  ),
+  ColourGCFlash: new settingClasses.SettingColours(
+    '#ffffff',
+    'colour',
+    'NotificationGC',
+    'The colour of the GC flash, standard colour is white',
+  ),
+  GCSound: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationGC',
+    ['Sound OFF', 'Sound ON'],
+    'Play a sound on golden cookie',
+    true,
+  ),
+  GCVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationGC', [], 'Volume'),
+  GCSoundURL: new settingClasses.SettingStandard(
+    'https://freesound.org/data/previews/66/66717_931655-lq.mp3',
+    'url',
+    'NotificationGC',
+    'Sound URL:',
+    'URL of the sound to be played when a golden cookie spawns',
+  ),
+  FortuneNotification: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'NotificationFC',
+    ['Notification OFF', 'Notification ON'],
+    'Create a notification when fortune cookie is on the ticker',
+    true,
+    () => {
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.FortuneNotification,
+      );
+    },
+  ),
+  FortuneFlash: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationFC',
+    ['Flash OFF', 'Flash ON'],
+    'Flash screen on fortune cookie spawn',
+    true,
+  ),
+  ColourFortuneFlash: new settingClasses.SettingColours(
+    '#ffffff',
+    'colour',
+    'NotificationFC',
+    'The colour of the fortune flash, standard colour is white',
+  ),
+  FortuneSound: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationFC',
+    ['Sound OFF', 'Sound ON'],
+    'Play a sound on fortune cookie spawn',
+    true,
+  ),
+  FortuneVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationFC', [], 'Volume'),
+  FortuneSoundURL: new settingClasses.SettingStandard(
+    'https://freesound.org/data/previews/174/174027_3242494-lq.mp3',
+    'url',
+    'NotificationFC',
+    'Sound URL:',
+    'URL of the sound to be played when the ticker has a fortune cookie',
+  ),
+  SeaNotification: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'NotificationSea',
+    ['Notification OFF', 'Notification ON'],
+    'Create a notification on season popup',
+    true,
+    () => {
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.SeaNotification,
+      );
+    },
+  ),
+  SeaFlash: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationSea',
+    ['Flash OFF', 'Flash ON'],
+    'Flash screen on season popup',
+    true,
+  ),
+  ColourSeaFlash: new settingClasses.SettingColours(
+    '#ffffff',
+    'colour',
+    'NotificationSea',
+    'The colour of the season popup flash, standard colour is white',
+  ),
+  SeaSound: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationSea',
+    ['Sound OFF', 'Sound ON'],
+    'Play a sound on season popup',
+    true,
+  ),
+  SeaVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationSea', [], 'Volume'),
+  SeaSoundURL: new settingClasses.SettingStandard(
+    'https://www.freesound.org/data/previews/121/121099_2193266-lq.mp3',
+    'url',
+    'NotificationSea',
+    'Sound URL:',
+    'URL of the sound to be played when on season popup spawns',
+  ),
+  GardFlash: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationGard',
+    ['Garden Tick Flash OFF', 'Flash ON'],
+    'Flash screen on garden tick',
+    true,
+  ),
+  ColourGardFlash: new settingClasses.SettingColours(
+    '#ffffff',
+    'colour',
+    'NotificationGard',
+    'The colour of the garden flash, standard colour is white',
+  ),
+  GardSound: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationGard',
+    ['Sound OFF', 'Sound ON'],
+    'Play a sound on garden tick',
+    true,
+  ),
+  GardVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationGard', [], 'Volume'),
+  GardSoundURL: new settingClasses.SettingStandard(
+    'https://freesound.org/data/previews/103/103046_861714-lq.mp3',
+    'url',
+    'NotificationGard',
+    'Garden Tick Sound URL:',
+    'URL of the sound to be played when the garden ticks',
+  ),
+  MagicNotification: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'NotificationMagi',
+    ['Notification OFF', 'Notification ON'],
+    'Create a notification when magic reaches maximum',
+    true,
+    () => {
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.MagicNotification,
+      );
+    },
+  ),
+  MagicFlash: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationMagi',
+    ['Flash OFF', 'Flash ON'],
+    'Flash screen when magic reaches maximum',
+    true,
+  ),
+  ColourMagicFlash: new settingClasses.SettingColours(
+    '#ffffff',
+    'colour',
+    'NotificationMagi',
+    'The colour of the magic flash, standard colour is white',
+  ),
+  MagicSound: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationMagi',
+    ['Sound OFF', 'Sound ON'],
+    'Play a sound when magic reaches maximum',
+    true,
+  ),
+  MagicVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationMagi', [], 'Volume'),
+  MagicSoundURL: new settingClasses.SettingStandard(
+    'https://freesound.org/data/previews/221/221683_1015240-lq.mp3',
+    'url',
+    'NotificationMagi',
+    'Sound URL:',
+    'URL of the sound to be played when magic reaches maxium',
+  ),
+  WrinklerNotification: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'NotificationWrink',
+    ['Notification OFF', 'Notification ON'],
+    'Create a notification when a wrinkler appears',
+    true,
+    () => {
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerNotification,
+      );
+    },
+  ),
+  WrinklerFlash: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationWrink',
+    ['Flash OFF', 'Flash ON'],
+    'Flash screen when a wrinkler appears',
+    true,
+  ),
+  ColourWrinklerFlash: new settingClasses.SettingColours(
+    '#ffffff',
+    'colour',
+    'NotificationWrink',
+    'The colour of the wrinkler flash, standard colour is white',
+  ),
+  WrinklerSound: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationWrink',
+    ['Sound OFF', 'Sound ON'],
+    'Play a sound when a wrinkler appears',
+    true,
+  ),
+  WrinklerVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationWrink', [], 'Volume'),
+  WrinklerSoundURL: new settingClasses.SettingStandard(
+    'https://freesound.org/data/previews/124/124186_8043-lq.mp3',
+    'url',
+    'NotificationWrink',
+    'Sound URL:',
+    'URL of the sound to be played when a wrinkler appears',
+  ),
+  WrinklerMaxNotification: new settingClasses.SettingStandardWithFunc(
+    0,
+    'bool',
+    'NotificationWrinkMax',
+    ['Notification OFF', 'Notification ON'],
+    'Create a notification when the maximum amount of wrinklers has appeared',
+    true,
+    () => {
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerMaxNotification,
+      );
+    },
+  ),
+  WrinklerMaxFlash: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationWrinkMax',
+    ['Flash OFF', 'Flash ON'],
+    'Flash screen when the maximum amount of Wrinklers has appeared',
+    true,
+  ),
+  ColourWrinklerMaxFlash: new settingClasses.SettingColours(
+    '#ffffff',
+    'colour',
+    'NotificationWrinkMax',
+    'The colour of the maximum wrinkler flash, standard colour is white',
+  ),
+  WrinklerMaxSound: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'NotificationWrinkMax',
+    ['Sound OFF', 'Sound ON'],
+    'Play a sound when the maximum amount of wrinklers has appeared',
+    true,
+  ),
+  WrinklerMaxVolume: new settingClasses.SettingVolume(
+    100,
+    'vol',
+    'NotificationWrinkMax',
+    [],
+    'Volume',
+  ),
+  WrinklerMaxSoundURL: new settingClasses.SettingStandard(
+    'https://freesound.org/data/previews/152/152743_15663-lq.mp3',
+    'url',
+    'NotificationWrinkMax',
+    'Sound URL:',
+    'URL of the sound to be played when the maximum amount of wrinklers has appeared',
+  ),
+
+  // Miscellaneous
+  BulkBuyBlock: new settingClasses.SettingStandard(
+    1,
+    'bool',
+    'Miscellaneous',
+    ['Block bulk buying OFF', 'Block bulk buying ON'],
+    "Block clicking bulk buying when you can't buy all. This prevents buying 7 of a building when you are in buy-10 or buy-100 mode.",
+    true,
+  ),
+  FavouriteSettings: new settingClasses.SettingStandardWithFunc(
+    1,
+    'bool',
+    'Miscellaneous',
+    [
+      'Favourite settings section OFF',
+      'Favourite settings section ON',
+      'Favourite settings section ON (Locked)',
+    ],
+    "Show stars before each setting which allows selecting it for a 'favourites' section at the top of the Cookie Monster settings. Setting this to Locked removes the stars but shows the 'favourites' section",
+    true,
+    () => {
+      Game.UpdateMenu();
+    },
+  ),
+};
+
+export default settings;

src/Disp/BeautifyAndFormatting/Beautify.js

@@ -0,0 +1,101 @@
+/** General functions to format or beautify strings */
+
+import { metric, shortScale, shortScaleAbbreviated } from '../../Data/Scales.js';
+import { BackupFunctions } from '../../Main/VariablesAndData.js';
+
+/**
+ * This function returns formats number based on the Scale setting
+ * @param	{number}	num		Number to be beautified
+ * @param 	{any}		floats 	Used in some scenario's by CM.Backup.Beautify (Game's original function)
+ * @param	{number}	forced	Used to force (type 3) in certains cases
+ * @returns	{string}			Formatted number
+ */
+export default function Beautify(num, floats, forced) {
+  const decimals =
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleDecimals + 1;
+  if (num === Infinity) {
+    return 'Infinity';
+  }
+  if (typeof num === 'undefined') {
+    return '0';
+  }
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Scale === 0) {
+    return BackupFunctions.Beautify(num, floats);
+  }
+  if (Number.isFinite(num)) {
+    if (num < 0) {
+      return `-${Beautify(Math.abs(num))}`;
+    }
+    let answer = '';
+    if (num === 0) {
+      return num.toString();
+    }
+    if (
+      num > 0.001 &&
+      num < Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleCutoff
+    ) {
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleSeparator)
+        answer = num.toLocaleString('nl');
+      else answer = num.toLocaleString('en');
+      return answer;
+    }
+    if (
+      (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Scale === 4 &&
+        !forced) ||
+      forced === 4
+    ) {
+      // Scientific notation, 123456789 => 1.235E+8
+      answer = num.toExponential(decimals).toString().replace('e', 'E');
+    } else {
+      const exponential = num.toExponential().toString();
+      const AmountOfTenPowerThree = Math.floor(exponential.slice(exponential.indexOf('e') + 1) / 3);
+      answer = (num / Number(`1e${AmountOfTenPowerThree * 3}`)).toFixed(decimals);
+      // answer is now "xxx.xx" (e.g., 123456789 would be 123.46)
+      if (
+        (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Scale === 1 &&
+          !forced) ||
+        forced === 1
+      ) {
+        // Metric scale, 123456789 => 123.457 M
+        if (num >= 0.01 && num < Number(`1e${metric.length * 3}`)) {
+          answer += ` ${metric[AmountOfTenPowerThree]}`;
+        } else answer = Beautify(num, 0, 4); // If number is too large or little, revert to scientific notation
+      } else if (
+        (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Scale === 2 &&
+          !forced) ||
+        forced === 2
+      ) {
+        // Short scale, 123456789 => 123.457 M
+        if (num >= 0.01 && num < Number(`1e${shortScale.length * 3}`)) {
+          answer += ` ${shortScale[AmountOfTenPowerThree]}`;
+        } else answer = Beautify(num, 0, 4); // If number is too large or little, revert to scientific notation
+      } else if (
+        (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Scale === 3 &&
+          !forced) ||
+        forced === 3
+      ) {
+        // Short scale, 123456789 => 123.457 M
+        if (num >= 0.01 && 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 (
+        (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Scale === 5 &&
+          !forced) ||
+        forced === 5
+      ) {
+        // Engineering notation, 123456789 => 123.457E+6
+        answer += `E${AmountOfTenPowerThree * 3}`;
+      }
+    }
+    if (answer === '') {
+      // eslint-disable-next-line no-console
+      console.log(`Could not beautify number with Cookie Monster Beautify: ${num}`);
+      answer = BackupFunctions.Beautify(num, floats);
+    }
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleSeparator)
+      answer = answer.replace('.', ',');
+    return answer;
+  }
+  console.log(`Could not beautify number with Cookie Monster Beautify: ${num}`); // eslint-disable-line no-console
+  return BackupFunctions.Beautify(num, floats);
+}

src/Disp/BeautifyAndFormatting/BeautifyFormatting.js

@@ -1,119 +0,0 @@
-/** 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,
-} from '../VariablesAndData';
-
-/**
- * This function returns formats number based on the Scale setting
- * @param	{number}	num		Number to be beautified
- * @param 	{any}		floats 	Used in some scenario's by CM.Backup.Beautify (Game's original function)
- * @param	{number}	forced	Used to force (type 3) in certains cases
- * @returns	{string}			Formatted number
- */
-export function Beautify(num, floats, forced) {
-	const decimals = CMOptions.ScaleDecimals + 1;
-	if (num === Infinity) {
-		return 'Infinity';
-	} if (typeof num === 'undefined') {
-		return '0';
-	} if (CMOptions.Scale === 0) {
-		return BackupFunctions.Beautify(num, floats);
-	} if (Number.isFinite(num)) {
-		let answer = '';
-		if (num === 0) {
-			return num.toString();
-		} if (num > 0.001 && num < CMOptions.ScaleCutoff) {
-			if (CMOptions.ScaleSeparator) answer = num.toLocaleString('nl');
-			else answer = num.toLocaleString('en');
-			return answer;
-		} if (CMOptions.Scale === 4 && !forced || forced === 4) { // Scientific notation, 123456789 => 1.235E+8
-			answer = num.toExponential(decimals).toString().replace('e', 'E');
-		} else {
-			const exponential = num.toExponential().toString();
-			const AmountOfTenPowerThree = Math.floor(exponential.slice(exponential.indexOf('e') + 1) / 3);
-			answer = (num / Number(`1e${AmountOfTenPowerThree * 3}`)).toFixed(decimals);
-			// answer is now "xxx.xx" (e.g., 123456789 would be 123.46)
-			if (CMOptions.Scale === 1 && !forced || forced === 1) { // Metric scale, 123456789 => 123.457 M
-				if (num >= 0.01 && num < Number(`1e${metric.length * 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) { // Short scale, 123456789 => 123.457 M
-				if (num >= 0.01 && num < Number(`1e${shortScale.length * 3}`)) {
-					answer += ` ${shortScale[AmountOfTenPowerThree]}`;
-				} else answer = Beautify(num, 0, 4); // If number is too large or little, revert to scientific notation
-			} 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 += ` ${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 CM.Disp.Beautify: ${num}`);
-			answer = BackupFunctions.Beautify(num, floats);
-		}
-		if (CMOptions.ScaleSeparator) answer = answer.replace('.', ',');
-		return answer;
-	}
-	console.log(`Could not beautify number with CM.Disp.Beautify: ${num}`);
-	return BackupFunctions.Beautify(num, floats);
-}
-
-/**
- * This function returns time as a string depending on TimeFormat setting
- * @param  	{number} 	time		Time to be formatted
- * @param  	{number}	longFormat 	1 or 0
- * @returns	{string}				Formatted time
- */
-export function FormatTime(time, longFormat) {
-	if (time === Infinity) return time;
-	time = Math.ceil(time);
-	const y = Math.floor(time / 31557600);
-	const d = Math.floor(time % 31557600 / 86400);
-	const h = Math.floor(time % 86400 / 3600);
-	const m = Math.floor(time % 3600 / 60);
-	const s = Math.floor(time % 60);
-	let str = '';
-	if (CMOptions.TimeFormat) {
-		if (time > 3155760000) return 'XX:XX:XX:XX:XX';
-		str += `${(y < 10 ? '0' : '') + y}:`;
-		str += `${(d < 10 ? '0' : '') + d}:`;
-		str += `${(h < 10 ? '0' : '') + h}:`;
-		str += `${(m < 10 ? '0' : '') + m}:`;
-		str += (s < 10 ? '0' : '') + s;
-	} else {
-		if (time > 777600000) return longFormat ? 'Over 9000 days!' : '>9000d';
-		str += (y > 0 ? `${y + (longFormat ? (y === 1 ? ' year' : ' years') : 'y')}, ` : '');
-		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;
-}
-
-/**
- * This function returns the color to be used for time-strings
- * @param	{number}			time			Time to be coloured
- * @returns {{string, string}}	{text, color}	Both the formatted time and color as strings in an array
- */
-export function GetTimeColor(time) {
-	let color;
-	let text;
-	if (time <= 0) {
-		if (CMOptions.TimeFormat) text = '00:00:00:00:00';
-		else text = 'Done!';
-		color = ColorGreen;
-	} else {
-		text = FormatTime(time);
-		if (time > 300) color = ColorRed;
-		else if (time > 60) color = ColorOrange;
-		else color = ColorYellow;
-	}
-	return { text, color };
-}

src/Disp/BeautifyAndFormatting/FormatTime.js

@@ -0,0 +1,57 @@
+/**
+ * This function returns time as a string depending on TimeFormat setting
+ * @param  	{number} 	time		Time to be formatted
+ * @param  	{number}	longFormat 	1 or 0
+ * @returns	{string}				Formatted time
+ */
+export default function FormatTime(time, longFormat) {
+  /* eslint-disable no-nested-ternary */
+  let formattedTime = time;
+  if (time === Infinity) return time;
+  if (time < 0) return 'Negative time period';
+  formattedTime = Math.ceil(time);
+  const y = Math.floor(formattedTime / 31536000);
+  const d = Math.floor((formattedTime % 31536000) / 86400);
+  const h = Math.floor(((formattedTime % 31536000) % 86400) / 3600);
+  const m = Math.floor((((formattedTime % 31536000) % 86400) % 3600) / 60);
+  const s = Math.floor((((formattedTime % 31536000) % 86400) % 3600) % 60);
+  let str = '';
+
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimeFormat === 0) {
+    if (formattedTime > 777600000) return longFormat ? 'Over 9000 days!' : '>9000d';
+    str += y > 0 ? `${y + (longFormat ? (y === 1 ? ' year' : ' years') : 'y')}, ` : '';
+    if (str.length > 0 || d > 0)
+      str += `${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');
+  } else if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimeFormat === 1) {
+    if (formattedTime > 3155760000) return 'XX:XX:XX:XX:XX';
+    str += `${(y < 10 ? '0' : '') + y}:`;
+    str += `${(d < 10 ? '0' : '') + d}:`;
+    str += `${(h < 10 ? '0' : '') + h}:`;
+    str += `${(m < 10 ? '0' : '') + m}:`;
+    str += (s < 10 ? '0' : '') + s;
+  } else {
+    // Similar to TimeFormat === 0, but only two most significant components are included.
+    if (formattedTime > 777600000) return longFormat ? 'Over 9000 days!' : '>9000d';
+    if (y > 0) {
+      str += `${y + (longFormat ? (y === 1 ? ' year' : ' years') : 'y')}, `;
+      str += `${d + (longFormat ? (d === 1 ? ' day' : ' days') : 'd')}`;
+    } else if (d > 0) {
+      str += `${d + (longFormat ? (d === 1 ? ' day' : ' days') : 'd')}, `;
+      str += `${h + (longFormat ? (h === 1 ? ' hour' : ' hours') : 'h')}`;
+    } else if (h > 0) {
+      str += `${h + (longFormat ? (h === 1 ? ' hour' : ' hours') : 'h')}, `;
+      str += `${m + (longFormat ? (m === 1 ? ' minute' : ' minutes') : 'm')}`;
+    } else if (m > 0) {
+      str += `${m + (longFormat ? (m === 1 ? ' minute' : ' minutes') : 'm')}, `;
+      str += s + (longFormat ? (s === 1 ? ' second' : ' seconds') : 's');
+    } else {
+      str += s + (longFormat ? (s === 1 ? ' second' : ' seconds') : 's');
+    }
+  }
+  return str;
+}

src/Disp/BeautifyAndFormatting/GetTimeColour.js

@@ -0,0 +1,24 @@
+import { ColourGreen, ColourOrange, ColourRed, ColourYellow } from '../VariablesAndData.js';
+import FormatTime from './FormatTime.js';
+
+/**
+ * This function returns the colour to be used for time-strings
+ * @param	{number}			time			Time to be coloured
+ * @returns {{string, string}}	{text, colour}	Both the formatted time and colour as strings in an array
+ */
+export default function GetTimeColour(time) {
+  let colour;
+  let text;
+  if (time <= 0) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimeFormat === 1)
+      text = '00:00:00:00:00';
+    else text = 'Done!';
+    colour = ColourGreen;
+  } else {
+    text = FormatTime(time);
+    if (time > 300) colour = ColourRed;
+    else if (time > 60) colour = ColourOrange;
+    else colour = ColourYellow;
+  }
+  return { text, colour };
+}

src/Disp/BuildingsUpgrades/Buildings.js

@@ -1,8 +1,13 @@
-import { CacheObjects1, CacheObjects10, CacheObjects100 } from '../../Cache/VariablesAndData';
+import {
-import { CMOptions } from '../../Config/VariablesAndData';
+  CacheMinPPBulk,
-import BuildingSell from '../../Sim/SimulationEvents/SellBuilding';
+  CacheObjects1,
-import { Beautify } from '../BeautifyAndFormatting/BeautifyFormatting';
+  CacheObjects10,
-import { Colors, LastTargetBuildings } from '../VariablesAndData';
+  CacheObjects100,
+  CacheObjectsNextAchievement,
+} from '../../Cache/VariablesAndData.js';
+import BuildingSell from '../../Sim/SimulationEvents/SellBuilding.js';
+import Beautify from '../BeautifyAndFormatting/Beautify.js';
+import { ColoursOrdering, LastTargetBuildings } from '../VariablesAndData.js';
 
 /**
  * Section: Functions related to right column of the screen (buildings/upgrades)
@@ -10,72 +15,131 @@ import { Colors, LastTargetBuildings } from '../VariablesAndData';
 /**
  * This function adjusts some things in the column of buildings.
  * It colours them, helps display the correct sell-price and shuffles the order when CM.Options.SortBuildings is set
- * The function is called by CM.Disp.Draw(), CM.Disp.UpdateColors() & CM.Disp.RefreshScale()
+ * The function is called by CM.Disp.Draw(), CM.Disp.UpdateColours() & CM.Disp.RefreshScale()
- * And by changes in CM.Options.BuildColor, CM.Options.SortBuild & CM.Data.Config.BulkBuildColor
+ * And by changes in CM.Options.BuildColour, CM.Options.SortBuild & CM.Data.Config.BulkBuildColour
  */
 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) {
+  // Remove colour if applied
-		if (CMOptions.BuildColor === 1) {
+  l(`storeBulk1`).style.removeProperty('color');
-			for (const i of Object.keys(target)) {
+  l(`storeBulk10`).style.removeProperty('color');
-				l(`productPrice${Game.Objects[i].id}`).style.color = CMOptions.Colors[target[i].color];
+  l(`storeBulk100`).style.removeProperty('color');
-			}
-		} else {
-			for (const i of Object.keys(Game.Objects)) {
-				l(`productPrice${Game.Objects[i].id}`).style.removeProperty('color');
-			}
-		}
-	} else if (Game.buyMode === -1) {
-		for (const i of Object.keys(CacheObjects1)) {
-			const o = Game.Objects[i];
-			l(`productPrice${o.id}`).style.color = '';
-			/*
-			 * 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.
-			 *
-			 * 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));
-		}
-	}
 
-	// Build array of pointers, sort by pp, use array index (+2) as the grid row number
+  if (Game.buyMode === 1) {
-	// (grid rows are 1-based indexing, and row 1 is the bulk buy/sell options)
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.BuildColour === 1) {
-	// This regulates sorting of buildings
+      Object.keys(target).forEach((i) => {
-	if (Game.buyMode === 1 && CMOptions.SortBuildings) {
+        l(`productPrice${Game.Objects[i].id}`).style.color =
-		const arr = Object.keys(target).map((k) => {
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings[
-			const o = target[k];
+            `Colour${target[i].colour}`
-			o.name = k;
+          ];
-			o.id = Game.Objects[k].id;
+      });
-			return o;
+      l(`storeBulk${CacheMinPPBulk}`).style.color =
-		});
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ColourGreen;
+    } else {
+      Object.keys(Game.Objects).forEach((i) => {
+        l(`productPrice${Game.Objects[i].id}`).style.removeProperty('color');
+      });
+    }
+  } else if (Game.buyMode === -1) {
+    Object.keys(CacheObjects1).forEach((i) => {
+      const o = Game.Objects[i];
+      l(`productPrice${o.id}`).style.color = '';
+      /*
+       * 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.
+       *
+       * 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),
+      );
+    });
+  }
 
-		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)); });
+  // Build array of pointers and sort according to the user's configured sort option.
+  // This regulates sorting of buildings.
+  let arr;
+  if (
+    Game.buyMode !== 1 ||
+    !Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.SortBuildings
+  ) {
+    arr = Object.keys(CacheObjects1).map((k) => {
+      const o = {};
+      o.name = k;
+      o.id = Game.Objects[k].id;
+      return o;
+    });
+    // Sort using default order.
+    arr.sort((a, b) => a.id - b.id);
+  } else if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.SortBuildings === 1
+  ) {
+    arr = Object.keys(CacheObjects1).map((k) => {
+      const o = {};
+      o.name = k;
+      o.pp = CacheObjects1[k].pp;
+      o.colour = CacheObjects1[k].colour;
+      return o;
+    });
+    // Sort by pp colour group, then by pp.
+    arr.sort((a, b) =>
+      ColoursOrdering.indexOf(a.colour) === ColoursOrdering.indexOf(b.colour)
+        ? a.pp - b.pp
+        : ColoursOrdering.indexOf(a.colour) - ColoursOrdering.indexOf(b.colour),
+    );
+  } else if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.SortBuildings === 2
+  ) {
+    arr = Object.keys(target).map((k) => {
+      const o = {};
+      o.name = k;
+      o.pp = target[k].pp;
+      o.colour = target[k].colour;
+      return o;
+    });
+    // Sort by pp colour group, then by pp.
+    arr.sort((a, b) =>
+      ColoursOrdering.indexOf(a.colour) === ColoursOrdering.indexOf(b.colour)
+        ? a.pp - b.pp
+        : ColoursOrdering.indexOf(a.colour) - ColoursOrdering.indexOf(b.colour),
+    );
+  } else if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.SortBuildings === 3
+  ) {
+    arr = Object.keys(CacheObjectsNextAchievement).map((k) => {
+      const o = {};
+      o.name = k;
+      o.id = Game.Objects[k].id;
+      o.amountUntilNext = CacheObjectsNextAchievement[k].AmountNeeded;
+      o.priceUntilNext = CacheObjectsNextAchievement[k].price;
+      return o;
+    });
+    // First, sort using default order.
+    arr.sort((a, b) => a.id - b.id);
+    // Sort by price until next achievement.
+    // Buildings that aren't within 100 of an achievement are placed at the end, still in
+    // default order relative to each other because sort() is guaranteed stable.
+    arr.sort(
+      (a, b) =>
+        (a.amountUntilNext !== 101 ? a.priceUntilNext : Infinity) -
+        (b.amountUntilNext !== 101 ? b.priceUntilNext : Infinity),
+    );
+  }
 
-		for (let x = 0; x < arr.length; x++) {
+  // Use array index (+2) as the grid row number.
-			Game.Objects[arr[x].name].l.style.gridRow = `${x + 2}/${x + 2}`;
+  // (grid rows are 1-based indexing, and row 1 is the bulk buy/sell options)
-		}
+  for (let x = 0; x < arr.length; x++) {
-	} else {
+    Game.Objects[arr[x].name].l.style.gridRow = `${x + 2}/${x + 2}`;
-		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/UpdateUpgradeSectionsHeight.js

@@ -0,0 +1,28 @@
+/**
+ * This function toggles the upgrade to be always expanded
+ * It is called by a change in CM.Options.ToolWarnPos
+ * and upon creation of the warning tooltip by CM.Disp.UpdateTooltipWarnings()
+ */
+export default function UpdateUpgradeSectionsHeight() {
+  Object.values(document.getElementsByClassName('storeSection')).forEach((section) => {
+    if (
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.UpgradesNeverCollapse ||
+      section.id === 'products'
+    ) {
+      section.style.height = 'auto'; // eslint-disable-line no-param-reassign
+    } else if (section.id === 'vaultUpgrades') {
+      section.style.height = ''; // eslint-disable-line no-param-reassign
+      section.style.minHeight = '0px'; // eslint-disable-line no-param-reassign
+    } else if (section.id === 'upgrades') {
+      section.style.height = ''; // eslint-disable-line no-param-reassign
+      if (section.className.includes('hasMenu')) {
+        section.style.minHeight = '82px'; // eslint-disable-line no-param-reassign
+      } else {
+        section.style.minHeight = '60px'; // eslint-disable-line no-param-reassign
+      }
+    } else {
+      section.style.height = ''; // eslint-disable-line no-param-reassign
+      section.style.minHeight = '60px'; // eslint-disable-line no-param-reassign
+    }
+  });
+}

src/Disp/BuildingsUpgrades/UpgradeBar.js

@@ -1,79 +1,91 @@
 import {
-	ColorBackPre, ColorBlue, ColorGray, ColorGreen, ColorOrange, ColorPurple, ColorRed, ColorTextPre, ColorYellow,
+  ColourBackPre,
-} from '../VariablesAndData';
+  ColourBlue,
+  ColourGray,
+  ColourGreen,
+  ColourOrange,
+  ColourPurple,
+  ColourRed,
+  ColourTextPre,
+  ColourYellow,
+} from '../VariablesAndData.js';
 
 /**
  * This function creates the legend for the upgrade bar
  * @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 (colour, 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 = ColourBackPre + colour;
-		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(ColourBlue, 'Better than the best PP of a building option'));
-	legend.appendChild(legendLine(ColorGreen, 'Same as best PP building'));
+  legend.appendChild(legendLine(ColourGreen, 'Same as the best PP building option'));
-	legend.appendChild(legendLine(ColorYellow, 'Between best and worst PP buildings closer to best'));
+  legend.appendChild(legendLine(ColourYellow, 'Within the top 10 of PP for buildings'));
-	legend.appendChild(legendLine(ColorOrange, 'Between best and worst PP buildings closer to worst'));
+  legend.appendChild(legendLine(ColourOrange, 'Within the top 20 of PP for buildings'));
-	legend.appendChild(legendLine(ColorRed, 'Same as worst PP building'));
+  legend.appendChild(legendLine(ColourRed, 'Within the top 30 of PP for buildings'));
-	legend.appendChild(legendLine(ColorPurple, 'Worse than worst PP building'));
+  legend.appendChild(legendLine(ColourPurple, 'Outside of the top 30 of PP for buildings'));
-	legend.appendChild(legendLine(ColorGray, 'Negative or infinity PP'));
+  legend.appendChild(legendLine(ColourGray, 'Negative or infinity PP'));
-	return legend;
+  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, colour) {
-		const span = document.createElement('span');
+    const span = document.createElement('span');
-		span.id = id;
+    span.id = id;
-		span.className = ColorTextPre + color;
+    span.className = ColourTextPre + colour;
-		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', ColourBlue));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarGreen', ColorGreen));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarGreen', ColourGreen));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarYellow', ColorYellow));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarYellow', ColourYellow));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarOrange', ColorOrange));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarOrange', ColourOrange));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarRed', ColorRed));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarRed', ColourRed));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarPurple', ColorPurple));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarPurple', ColourPurple));
-	UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarGray', ColorGray));
+  UpgradeBar.appendChild(upgradeNumber('CMUpgradeBarGray', ColourGray));
 
-	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,82 +1,95 @@
-import { CacheUpgrades } from '../../Cache/VariablesAndData';
+import { CacheUpgrades } from '../../Cache/VariablesAndData.js';
-import { CMOptions } from '../../Config/VariablesAndData';
 import {
-	ColorBackPre, ColorBlue, ColorGray, ColorGreen, ColorOrange, ColorPurple, ColorRed, Colors, ColorYellow,
+  ColourBackPre,
-} from '../VariablesAndData';
+  ColourBlue,
+  ColourGray,
+  ColourGreen,
+  ColourOrange,
+  ColourPurple,
+  ColourRed,
+  ColoursOrdering,
+  ColourYellow,
+} from '../VariablesAndData.js';
 
 /**
  * This function adjusts some things in the upgrades section
  * It colours them and shuffles the order when CM.Options.SortBuildings is set
- * The function is called by CM.Disp.Draw(), CM.Disp.ToggleUpgradeBarAndColor & CM.Disp.RefreshScale()
+ * The function is called by CM.Disp.Draw(), CM.Disp.ToggleUpgradeBarAndColour & CM.Disp.RefreshScale()
  * 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 (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.UpBarColour > 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 addedColour = 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.indexOf(ColourBackPre) !== -1) {
-					l(`upgrade${i}`).childNodes[j].className = ColorBackPre + CacheUpgrades[me.name].color;
+          l(`upgrade${i}`).childNodes[j].className = ColourBackPre + CacheUpgrades[me.name].colour;
-					addedColor = true;
+          addedColour = true;
-					break;
+          break;
-				}
+        }
-			}
+      }
-			if (!addedColor) {
+      if (!addedColour) {
-				const div = document.createElement('div');
+        const div = document.createElement('div');
-				div.style.width = '10px';
+        div.style.width = '10px';
-				div.style.height = '10px';
+        div.style.height = '10px';
-				div.className = ColorBackPre + CacheUpgrades[me.name].color;
+        div.className = ColourBackPre + CacheUpgrades[me.name].colour;
-				l(`upgrade${i}`).appendChild(div);
+        l(`upgrade${i}`).appendChild(div);
-			}
+      }
-			if (CacheUpgrades[me.name].color === ColorBlue) blue++;
+      if (CacheUpgrades[me.name].colour === ColourBlue) blue += 1;
-			else if (CacheUpgrades[me.name].color === ColorGreen) green++;
+      else if (CacheUpgrades[me.name].colour === ColourGreen) green += 1;
-			else if (CacheUpgrades[me.name].color === ColorYellow) yellow++;
+      else if (CacheUpgrades[me.name].colour === ColourYellow) yellow += 1;
-			else if (CacheUpgrades[me.name].color === ColorOrange) orange++;
+      else if (CacheUpgrades[me.name].colour === ColourOrange) orange += 1;
-			else if (CacheUpgrades[me.name].color === ColorRed) red++;
+      else if (CacheUpgrades[me.name].colour === ColourRed) red += 1;
-			else if (CacheUpgrades[me.name].color === ColorPurple) purple++;
+      else if (CacheUpgrades[me.name].colour === ColourPurple) purple += 1;
-			else if (CacheUpgrades[me.name].color === ColorGray) gray++;
+      else if (CacheUpgrades[me.name].colour === ColourGray) 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);
+    o.colour = CacheUpgrades[o.name].colour;
-	}
+    arr.push(o);
+  }
 
-	if (CMOptions.SortUpgrades) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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)); });
+    // Sort by pp colour group, then by pp.
-	} else {
+    arr.sort((a, b) =>
-		arr.sort((a, b) => a.price - b.price);
+      ColoursOrdering.indexOf(a.colour) === ColoursOrdering.indexOf(b.colour)
-	}
+        ? a.pp - b.pp
+        : ColoursOrdering.indexOf(a.colour) - ColoursOrdering.indexOf(b.colour),
+    );
+  } 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

@@ -1,35 +1,39 @@
 /** Functions related to the Dragon */
 
-import CacheDragonCost from '../../Cache/Dragon/Dragon';
+import CacheDragonCost from '../../Cache/Dragon/Dragon.js';
-import { CacheCostDragonUpgrade } from '../../Cache/VariablesAndData';
+import { CacheCostDragonUpgrade } from '../../Cache/VariablesAndData.js';
-import { CMOptions } from '../../Config/VariablesAndData';
+import CalculateChangeAura from '../../Sim/SimulationEvents/AuraChange.js';
-import CalculateChangeAura from '../../Sim/SimulationEvents/AuraChange';
+import Beautify from '../BeautifyAndFormatting/Beautify.js';
-import { Beautify, FormatTime } from '../BeautifyAndFormatting/BeautifyFormatting';
+import FormatTime from '../BeautifyAndFormatting/FormatTime.js';
 
 /**
  * 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 (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.DragonAuraInfo === 1) {
-		const [bonusCPS, priceOfChange] = CalculateChangeAura(aura);
+    const [bonusCPS, priceOfChange] = CalculateChangeAura(aura);
-		const timeToRecover = FormatTime(priceOfChange / (bonusCPS + Game.cookiesPs));
+    const timeToRecover = FormatTime(priceOfChange / (bonusCPS + Game.cookiesPs));
-		const bonusCPSPercentage = Beautify(bonusCPS / Game.cookiesPs);
+    let bonusCPSPercentage;
+    if (Game.cookiesPs === 0) bonusCPSPercentage = Beautify(Infinity);
+    else bonusCPSPercentage = Beautify((bonusCPS / Game.cookiesPs) * 100);
 
-		l('dragonAuraInfo').style.minHeight = '60px';
+    l('dragonAuraInfo').style.minHeight = '120px';
-		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 = 'line';
-		const div = document.createElement('div');
+    const div = document.createElement('div');
-		div.style.minWidth = '200px';
+    div.style.minWidth = '200px';
-		div.style.textAlign = 'center';
+    div.style.textAlign = 'center';
-		div.textContent = `Picking this aura will change CPS by ${Beautify(bonusCPS)} (${bonusCPSPercentage}% of current CPS).`;
+    div.textContent = `Picking this aura will change CPS by ${Beautify(
-		l('dragonAuraInfo').appendChild(div);
+      bonusCPS,
-		const div2 = document.createElement('div');
+    )} (${bonusCPSPercentage}% of current CPS).`;
-		div2.style.minWidth = '200px';
+    l('dragonAuraInfo').appendChild(div);
-		div2.style.textAlign = 'center';
+    const div2 = document.createElement('div');
-		div2.textContent = `It will take ${timeToRecover} to recover the cost.`;
+    div2.style.minWidth = '200px';
-		l('dragonAuraInfo').appendChild(div2);
+    div2.style.textAlign = 'center';
-	}
+    div2.textContent = `It will take ${timeToRecover} to recover the cost.`;
+    l('dragonAuraInfo').appendChild(div2);
+  }
 }
 
 /**
@@ -37,18 +41,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

@@ -1,49 +0,0 @@
-import { CMOptions } from '../Config/VariablesAndData';
-import { Beautify } from './BeautifyAndFormatting/BeautifyFormatting';
-import UpdateBuildings from './BuildingsUpgrades/Buildings';
-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 { 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
-	if (
-		(Game.prefs.autosave && Game.drawT % 10 === 0) // with autosave ON and every 10 ticks
-		&& (Game.onMenu === 'stats' && CMOptions.Stats) // while being on the stats menu only
-	) {
-		const timer = document.getElementById('CMStatsAutosaveTimer');
-		if (timer) {
-			timer.innerText = Game.sayTime(Game.fps * 60 - (Game.T % (Game.fps * 60)), 4);
-		}
-	}
-
-	// Update colors
-	UpdateBuildings();
-	UpdateUpgrades();
-
-	// Redraw timers
-	UpdateTimerBar();
-
-	// Update Bottom Bar
-	UpdateBotBar();
-
-	// Update Tooltip
-	UpdateTooltips();
-
-	// Update Wrinkler Tooltip
-	CheckWrinklerTooltip();
-	UpdateWrinklerTooltip();
-
-	// Change menu refresh interval
-	RefreshMenu();
-
-	// Replace Cookies counter because Orteil uses very weird code to "pad" it...
-	l('cookies').innerHTML = l('cookies').innerHTML.replace(/.*(?=<br>)/i, Beautify(Game.cookies));
-}

src/Disp/DrawHook.js

@@ -0,0 +1,52 @@
+import ToggleWrinklerButtons from '../Config/Toggles/ToggleWrinklerButtons.js';
+import UpdateBuildings from './BuildingsUpgrades/Buildings.js';
+import UpdateUpgradeSectionsHeight from './BuildingsUpgrades/UpdateUpgradeSectionsHeight.js';
+import UpdateUpgrades from './BuildingsUpgrades/Upgrades.js';
+import { UpdateBotBar } from './InfoBars/BottomBar.js';
+import { UpdateTimerBar } from './InfoBars/TimerBar.js';
+import RefreshMenu from './MenuSections/Refreshmenu.js';
+import UpdateTooltips from './Tooltips/UpdateTooltips.js';
+import { CheckWrinklerTooltip, UpdateWrinklerTooltip } from './Tooltips/WrinklerTooltips.js';
+
+/**
+ * This function handles all custom drawing for the Game.Draw() function.
+ * It is hooked on 'draw' by CM.RegisterHooks()
+ */
+export default function CMDrawHook() {
+  // Draw autosave timer in stats menu, this must be done here to make it count down correctly
+  if (
+    Game.prefs.autosave &&
+    Game.drawT % 10 === 0 && // with autosave ON and every 10 ticks
+    Game.onMenu === 'stats' &&
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Stats // while being on the stats menu only
+  ) {
+    const timer = document.getElementById('CMStatsAutosaveTimer');
+    if (timer) {
+      timer.innerText = Game.sayTime(Game.fps * 60 - (Game.T % (Game.fps * 60)), 4);
+    }
+  }
+
+  // Update colours
+  UpdateBuildings();
+  UpdateUpgrades();
+  UpdateUpgradeSectionsHeight();
+
+  // Redraw timers
+  UpdateTimerBar();
+
+  // Update Bottom Bar
+  UpdateBotBar();
+
+  // Update Tooltip
+  UpdateTooltips();
+
+  // Update Wrinkler Tooltip
+  CheckWrinklerTooltip();
+  UpdateWrinklerTooltip();
+
+  // Change menu refresh interval
+  RefreshMenu();
+
+  // Update display of wrinkler buttons, this checks if Elder Pledge has been bought and if they should be disabled
+  ToggleWrinklerButtons();
+}

src/Disp/GoldenCookieTimers/GoldenCookieTimers.js

@@ -1,32 +1,41 @@
 /** Section: Functions related to the Golden Cookie Timers */
 
-import { CMOptions } from '../../Config/VariablesAndData';
+import { GCTimers } from '../VariablesAndData.js';
-import { GCTimers } from '../VariablesAndData';
 
 /**
  * This function creates a new Golden Cookie Timer and appends it CM.Disp.GCTimers based on the id of the cookie
  * @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';
+  GCTimer.style.pointerEvents = 'none';
-	GCTimer.style.left = cookie.l.style.left;
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.GCTimer === 0)
-	GCTimer.style.top = cookie.l.style.top;
+    GCTimer.style.display = 'none';
-	GCTimer.onclick = function () { cookie.pop(); };
+  GCTimer.style.left = cookie.l.style.left;
-	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.style.top = cookie.l.style.top;
-	GCTimer.onmouseout = function () { cookie.l.style.filter = ''; cookie.l.style.webkitFilter = ''; };
+  GCTimer.onclick = function () {
+    cookie.pop();
+  };
+  GCTimer.onmouseover = function () {
+    cookie.l.style.filter = 'brightness(125%) drop-shadow(0px 0px 3px rgba(255,255,255,1))'; // eslint-disable-line no-param-reassign
+    cookie.l.style.webkitFilter = 'brightness(125%) drop-shadow(0px 0px 3px rgba(255,255,255,1))'; // eslint-disable-line no-param-reassign
+  };
+  GCTimer.onmouseout = function () {
+    cookie.l.style.filter = ''; // eslint-disable-line no-param-reassign
+    cookie.l.style.webkitFilter = ''; // eslint-disable-line no-param-reassign
+  };
 
-	GCTimers[cookie.id] = GCTimer;
+  GCTimers[cookie.id] = GCTimer;
-	l('shimmers').appendChild(GCTimer);
+  l('shimmers').appendChild(GCTimer);
 }

src/Disp/HelperFunctions/CalculateAllPlotChances.js

@@ -0,0 +1,162 @@
+/* eslint-disable no-continue */
+
+import { CachePlotChances } from '../../Cache/VariablesAndData.js';
+import CalculateSingleTileChances from './CalculateSingleTileChances.js';
+
+/**
+ * Calculates the possible plants for the next garden tick and updates **`CachePlotChances`** accordingly (expensive.)
+ *
+ * @param {Object} minigame a reference to the garden minigame
+ * @param {number} auraMult the current value of the "Supreme Intellect" dragon aura multiplier
+ */
+export default function CalculateAllPlotChances(minigame, auraMult) {
+  const { plantsById, soilsById, soil, isTileUnlocked, getTile } = minigame;
+  const dragonBoost = 1 + 0.05 * auraMult;
+
+  // calculate boosts from neighbors for next tick
+  const boosts = [];
+  for (let y = 0; y < 6; y++) {
+    boosts[y] = [];
+    for (let x = 0; x < 6; x++) boosts[y].push([1, 1]); // [aging, weed]
+  }
+
+  const ApplyMultsToNearbyTiles = function (x, y, range, mults) {
+    for (let dy = -range; dy <= range; dy++) {
+      for (let dx = -range; dx <= range; dx++) {
+        if ((dx !== 0 || dy !== 0) && isTileUnlocked(x + dx, y + dy)) {
+          boosts[y + dy][x + dx][0] *= mults[0];
+          boosts[y + dy][x + dx][1] *= mults[1];
+        }
+      }
+    }
+  };
+
+  for (let y = 0; y < 6; y++) {
+    for (let x = 0; x < 6; x++) {
+      const tile = getTile(x, y);
+      if (tile[0] === 0) continue;
+
+      let ageMult;
+      let weedMult;
+      let range;
+      const id = tile[0] - 1;
+      switch (id) {
+        case 7:
+          ageMult = 1.03;
+          weedMult = 1;
+          range = 1;
+          break;
+        case 31:
+          ageMult = 1;
+          weedMult = 0;
+          range = 2;
+          break;
+        case 32:
+          ageMult = 1;
+          weedMult = 0;
+          range = 1;
+          break;
+        case 33:
+          ageMult = 0.5;
+          weedMult = 1;
+          range = 1;
+          break;
+        default:
+          continue;
+      }
+
+      let mult = soilsById[soil].effMult;
+      const matureAge = plantsById[id].mature;
+      const stage = 1 + (tile[1] >= matureAge ? 3 : Math.floor(tile[1] / (matureAge * 0.333)));
+
+      // eslint-disable-next-line default-case
+      switch (stage) {
+        case 1:
+          mult *= 0.1;
+          break;
+        case 2:
+          mult *= 0.25;
+          break;
+        case 3:
+          mult *= 0.5;
+          break;
+      }
+
+      if (ageMult > 1 || mult < 1) ageMult = (ageMult - 1) * mult + 1;
+      else ageMult /= mult;
+
+      ApplyMultsToNearbyTiles(x, y, range, [ageMult, weedMult]);
+    }
+  }
+
+  // initialize all probabilities to current state
+  const plotOutcomes = [[], [], [], [], [], []];
+
+  for (let y = 0; y < 6; y++) {
+    for (let x = 0; x < 6; x++) {
+      if (!isTileUnlocked(x, y)) continue;
+
+      const tile = getTile(x, y);
+      if (tile[0] === 0) plotOutcomes[y][x] = [{ plantId: -1, isMature: false, p: 1 }];
+      else {
+        const plantId = tile[0] - 1;
+        plotOutcomes[y][x] = [{ plantId, isMature: tile[1] >= plantsById[plantId].mature, p: 1 }];
+      }
+    }
+  }
+
+  // update each tile's chances
+  for (let y = 0; y < 6; y++) {
+    for (let x = 0; x < 6; x++) {
+      if (!isTileUnlocked(x, y)) continue;
+
+      // collect neighbor probabilities
+      const neighResults = [];
+      const cardinals = [];
+      for (let dy = -1; dy <= 1; dy++)
+        for (let dx = -1; dx <= 1; dx++) {
+          if ((dx !== 0 || dy !== 0) && isTileUnlocked(x + dx, y + dy)) {
+            neighResults.push(plotOutcomes[y + dy][x + dx]);
+            if (dx === 0 || dy === 0) cardinals.push(neighResults.length - 1); // save indices of cardinal neighbors
+          }
+        }
+
+      const tile = getTile(x, y);
+
+      plotOutcomes[y][x] = CalculateSingleTileChances(
+        minigame,
+        tile[0] - 1,
+        tile[1],
+        neighResults,
+        cardinals,
+        boosts[y][x],
+        dragonBoost,
+      );
+
+      // save results
+      CachePlotChances[y][x] = [];
+
+      const emptyP = plotOutcomes[y][x]
+        .filter((o) => o.plantId === -1)
+        .reduce((s, o) => s + o.p, 0);
+      if (emptyP > 0) CachePlotChances[y][x].push({ plantId: -1, maturityP: 0, p: emptyP });
+
+      for (let id = 0; id < plantsById.length; id++) {
+        const matches = plotOutcomes[y][x].filter((o) => o.plantId === id);
+        if (matches.length > 1) {
+          const plantP = matches.reduce((s, o) => s + o.p, 0);
+          const maturityP =
+            matches.filter((o) => o.isMature === true).reduce((s, o) => s + o.p, 0) / plantP;
+          CachePlotChances[y][x].push({ plantId: id, maturityP, p: plantP });
+        } else if (matches.length === 1)
+          CachePlotChances[y][x].push({
+            plantId: id,
+            maturityP: matches[0].isMature ? 1 : 0,
+            p: matches[0].p,
+          });
+      }
+
+      CachePlotChances[y][x].sort((a, b) => a.plantId - b.plantId);
+    }
+  }
+}

src/Disp/HelperFunctions/CalculateGrimoireRefillTime.js

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

src/Disp/HelperFunctions/CalculateLuckyLevels.js

@@ -0,0 +1,104 @@
+const SPECIAL_DIGIT = 7;
+
+/**
+ * Count the number of 7s in any number
+ * @param	{number}	number	The number to count sevens for
+ * @returns	{number}	The number of 7s in the provided number
+ */
+export function CountSevens(number) {
+  return String(number).split(String(SPECIAL_DIGIT)).length - 1;
+}
+
+/**
+ * Calculate the delta for the next number where the given digit is a 7
+ * @param	{number}	number			The starting number to calculate the delta for
+ * @param	{number}	digitPlace	1 for ones place, 10 for tens place, 100 for hundreds place, etc
+ * @returns	{number}	The calculated delta
+ */
+export function CalculateSevenDelta(number, digitPlace) {
+  const target = SPECIAL_DIGIT * digitPlace;
+  const modulus = digitPlace * 10;
+
+  let delta = target - (number % modulus) + (number % digitPlace);
+  if (delta < 0) delta += modulus;
+
+  return delta;
+}
+
+/**
+ * This function calculates each of the next "lucky" prestige levels
+ * @param	{number}	currentLevel	The user's prestige level, including levels earned since the last ascension
+ * @returns	{{number}, {number}, {number}}	luckyDigit, luckyNumber, luckyPayout	The next eligible level for each upgrade
+ */
+export default function CalculateLuckyLevels(currentLevel) {
+  const result = {};
+  let sevenCount = CountSevens(currentLevel);
+  const numberOfDigits = Math.max(Math.floor(Math.log10(Math.abs(currentLevel))), 0) + 1;
+
+  if (sevenCount >= 1) {
+    result.luckyDigit = currentLevel;
+    if (sevenCount >= 2) {
+      result.luckyNumber = currentLevel;
+      if (sevenCount >= 4) {
+        result.luckyPayout = currentLevel;
+        return result;
+      }
+    }
+  }
+
+  // Consider only top 15 digits if it is big number
+  let localLevel;
+  if (numberOfDigits >= 16) {
+    localLevel = Math.ceil(currentLevel / 10 ** (numberOfDigits - 15));
+  } else {
+    localLevel = currentLevel;
+  }
+  sevenCount = CountSevens(localLevel);
+
+  if (result.luckyDigit === undefined) {
+    if (sevenCount < 1) {
+      const delta = CalculateSevenDelta(localLevel, 1);
+
+      localLevel += delta;
+      sevenCount = CountSevens(localLevel);
+    }
+
+    result.luckyDigit = localLevel;
+    if (numberOfDigits >= 16) {
+      result.luckyDigit *= 10 ** Number(numberOfDigits - 15);
+    }
+  }
+
+  if (result.luckyNumber === undefined) {
+    while (sevenCount < 2) {
+      let delta = CalculateSevenDelta(localLevel, 1);
+      if (delta === 0) delta = CalculateSevenDelta(localLevel, 10);
+
+      localLevel += delta;
+      sevenCount = CountSevens(localLevel);
+    }
+
+    result.luckyNumber = localLevel;
+    if (numberOfDigits >= 16) {
+      result.luckyNumber *= 10 ** Number(numberOfDigits - 15);
+    }
+  }
+
+  let digitPlace = 1;
+  while (sevenCount < 4) {
+    const delta = CalculateSevenDelta(localLevel, digitPlace);
+    if (delta === 0) {
+      digitPlace *= 10;
+    } else {
+      localLevel += delta;
+      sevenCount = CountSevens(localLevel);
+    }
+  }
+
+  result.luckyPayout = localLevel;
+  if (numberOfDigits >= 16) {
+    result.luckyPayout *= 10 ** Number(numberOfDigits - 15);
+  }
+
+  return result;
+}

src/Disp/HelperFunctions/CalculateSingleTileChances.js

@@ -0,0 +1,240 @@
+/* eslint-disable guard-for-in */
+/* eslint-disable no-continue */
+/* eslint-disable no-restricted-syntax */
+/* eslint-disable no-param-reassign */
+
+/**
+ * Calculates the possible plants for a tile after the next garden tick.
+ *
+ * @param {Object} minigame A reference to the garden minigame
+ * @param {number} plantId The ID of the tile's current plant (-1 if empty)
+ * @param {number} age The age of the tile's current plant (ignored if empty)
+ * @param {Object[][]} neighResults The calculated results of each neighboring tile
+ * @param {number[]} cardinals The indices of orthogonally adjacent tiles in `neighResults`
+ * @param {number[]} tileBoosts The boosts to aging and weed spawning this tile is recieving from nearby tiles in the format `[ageMult, weedMult]`
+ * @param {number} dragonBoost The current calculated value of the boost from the "Supreme Intellect" dragon aura
+ * @returns {{plantId: number, isMature: boolean, p: number}[]} The possible resulting tile states and their probabilities
+ */
+export default function CalculateSingleTileChances(
+  minigame,
+  plantId,
+  age,
+  neighResults,
+  cardinals,
+  tileBoosts,
+  dragonBoost,
+) {
+  const { getMuts, plants, plantsById, plantContam, soilsById, soil } = minigame;
+  const soilWeedMult = soilsById[soil].weedMult;
+
+  const epsilon = 1e-12;
+  const futureStates = [];
+  const AddOutcome = function (outcome) {
+    if (outcome.p < epsilon) return;
+
+    const existing = futureStates.find(
+      (o) =>
+        o.plantId === outcome.plantId &&
+        (outcome.plantId === -1 || o.isMature === outcome.isMature),
+    );
+    if (existing) existing.p += outcome.p;
+    else futureStates.push(outcome);
+  };
+  let runningP = 1;
+
+  if (plantId !== -1) {
+    // tile has plant
+    const currentPlant = plantsById[plantId];
+
+    const AgeThresholdP = function (multiplier, threshold) {
+      // probability that plant's age increases by at least threshold
+      const minAge = currentPlant.ageTick * multiplier;
+      const maxAge = minAge + currentPlant.ageTickR * multiplier;
+
+      if (Math.abs(maxAge - minAge) < epsilon) {
+        if (minAge >= threshold) return 1;
+        if (minAge < threshold - 1) return 0;
+        return minAge - (threshold - 1);
+      }
+
+      if (threshold <= minAge) return 1;
+      if (threshold - 1 >= maxAge) return 0;
+
+      const lower = Math.max(minAge, threshold - 1);
+      const upper = Math.min(maxAge, threshold);
+
+      const a = 0.5 * (upper - (threshold - 1)) ** 2 - 0.5 * (lower - (threshold - 1)) ** 2;
+      const b = Math.max(0, maxAge - Math.max(minAge, threshold));
+
+      return (a + b) / (maxAge - minAge);
+    };
+
+    // death
+    if (!currentPlant.immortal) {
+      const deathP = AgeThresholdP(tileBoosts[0] * dragonBoost, 100 - age);
+      AddOutcome({ plantId: -1, isMature: false, p: deathP * runningP });
+      runningP -= deathP * runningP;
+    }
+
+    // contamination
+    if (!currentPlant.noContam) {
+      const contamChances = [];
+
+      for (const key in plantContam) {
+        let inclusionP = plantContam[key];
+        if (plants[key].weed) inclusionP *= soilWeedMult;
+        contamChances.push([key, inclusionP]);
+      }
+
+      let totalContamP = 0;
+      for (const [key1, inclusionP1] of contamChances) {
+        if (plants[key1].id === plantId || inclusionP1 === 0) continue;
+
+        let hasNeighborP = 0;
+        for (const i of cardinals) {
+          let isNeighborP = 0;
+          for (const o of neighResults[i]) {
+            if (o.plantId === key1 && o.isMature) isNeighborP += o.p;
+          }
+          hasNeighborP += isNeighborP * (1 - hasNeighborP);
+        }
+        if (hasNeighborP < epsilon) continue;
+
+        let q = [1];
+        for (const [key2, inclusionP2] of contamChances) {
+          if (key1 !== key2) {
+            const newQ = Array(q.length + 1).fill(0);
+            for (let k = 0; k < q.length; k++) {
+              newQ[k] += q[k] * (1 - inclusionP2);
+              newQ[k + 1] += q[k] * inclusionP2;
+            }
+            q = newQ;
+          }
+        }
+
+        const E = q.reduce((acc, probXk, k) => acc + probXk / (1 + k), 0);
+        const contamP = inclusionP1 * E * hasNeighborP * runningP;
+        AddOutcome({ plantId: plants[key1].id, isMature: false, p: contamP });
+        totalContamP += contamP;
+      }
+      runningP -= totalContamP;
+    }
+
+    // survival (remaining probability)
+    const maturityP = AgeThresholdP(tileBoosts[0] * dragonBoost, currentPlant.mature - age);
+    AddOutcome({ plantId, isMature: true, p: maturityP * runningP });
+    AddOutcome({ plantId, isMature: false, p: (1 - maturityP) * runningP });
+  } else {
+    // tile is empty
+    let noNeighborsChance = 1;
+    neighResults.forEach((neighbor) => {
+      let emptyChance = 0;
+      const emptyOutcome = neighbor.find((outcome) => outcome.plantId === -1);
+      if (emptyOutcome) emptyChance = emptyOutcome.p;
+      noNeighborsChance *= emptyChance;
+    });
+
+    // weeds
+    const weedChance = 0.002 * soilWeedMult * tileBoosts[1];
+    AddOutcome({ plantId: 13, isMature: false, p: weedChance * noNeighborsChance });
+    AddOutcome({ plantId: -1, isMature: false, p: (1 - weedChance) * noNeighborsChance });
+
+    runningP -= noNeighborsChance;
+
+    // mutation
+    if (noNeighborsChance < 1) {
+      let totalMutationP = 0;
+
+      const CombineNeighbors = function (i = 0, current = [], comboP = 1, results = []) {
+        if (i >= neighResults.length) {
+          results.push({ tiles: current.slice(), comboP });
+          return results;
+        }
+
+        for (const state of neighResults[i])
+          CombineNeighbors(i + 1, [...current, state], comboP * state.p, results);
+
+        return results;
+      };
+
+      const loopsBase = (soilsById[soil].key === 'woodchips' ? 3 : 1) * dragonBoost;
+      for (const combo of CombineNeighbors()) {
+        // possible combinations of neighboring tiles
+        const neighs = {};
+        const neighsM = {};
+
+        for (const tile of combo.tiles) {
+          if (tile.plantId === -1) continue;
+          const { key } = plantsById[tile.plantId];
+          neighs[key] = (neighs[key] || 0) + 1;
+          if (tile.isMature) neighsM[key] = (neighsM[key] || 0) + 1;
+        }
+
+        const muts = getMuts(neighs, neighsM);
+
+        let perLoopMutationP = 0; // probability that any mutation occurs on a single loop with this combo
+        const mutationChances = [];
+        for (const [key, mutValue] of muts) {
+          let inclusionP = mutValue;
+          if (plants[key].weed) inclusionP *= soilWeedMult;
+          if (plants[key].weed || plants[key].fungus) inclusionP *= tileBoosts[1];
+          if (inclusionP > 0) mutationChances.push([key, inclusionP]);
+        }
+
+        const perLoopMutations = [];
+        for (const [key1, inclusionP1] of mutationChances) {
+          let q = [1];
+          for (const [key2, inclusionP2] of mutationChances) {
+            if (key1 !== key2) {
+              const newQ = Array(q.length + 1).fill(0);
+              for (let k = 0; k < q.length; k++) {
+                newQ[k] += q[k] * (1 - inclusionP2);
+                newQ[k + 1] += q[k] * inclusionP2;
+              }
+              q = newQ;
+            }
+          }
+
+          const E = q.reduce((acc, probXk, k) => acc + probXk / (1 + k), 0);
+          const mutationP = inclusionP1 * E;
+          perLoopMutationP += mutationP;
+          perLoopMutations.push([key1, mutationP * combo.comboP * runningP]);
+        }
+
+        if (perLoopMutationP === 0) continue;
+
+        let loopsBoost = 1;
+        if (loopsBase > 1) {
+          if (Number.isInteger(loopsBase)) {
+            loopsBoost = (1 - (1 - perLoopMutationP) ** loopsBase) / perLoopMutationP;
+          } else {
+            const loopsFloor = Math.floor(loopsBase);
+            const loopsFrac = loopsBase % 1;
+            const boostN = (1 - (1 - perLoopMutationP) ** loopsFloor) / perLoopMutationP;
+            const boostNp1 = (1 - (1 - perLoopMutationP) ** (loopsFloor + 1)) / perLoopMutationP;
+            loopsBoost = (1 - loopsFrac) * boostN + loopsFrac * boostNp1;
+          }
+        }
+
+        for (const [key, mutationP] of perLoopMutations) {
+          AddOutcome({ plantId: plants[key].id, maturityP: 0, p: mutationP * loopsBoost });
+          totalMutationP += mutationP * loopsBoost;
+        }
+      }
+
+      runningP -= totalMutationP;
+    }
+
+    // nothing (remaining probability)
+    AddOutcome({ plantId: -1, isMature: false, p: runningP });
+  }
+
+  const total = futureStates.reduce((sum, o) => sum + o.p, 0);
+  if (Math.abs(total - 1) > 1e-9) {
+    futureStates.forEach((o) => {
+      o.p /= total;
+    });
+  }
+
+  return futureStates;
+}

src/Disp/HelperFunctions/CalculateStockNextExpectedValue.js

@@ -0,0 +1,52 @@
+/**
+ * This function calculates a stock's next expected value
+ * @param	{number}	value		        The stock's current value
+ * @param	{number}	delta			    The stock's current delta
+ * @param	{number}	restingValue		The stock's resting value
+ * @param	{number}	mode		        The stock's current mode
+ * @param	{number}	bankLevel		    The bank building level
+ * @param	{number}	dragonBoost		    The current aura multiplier from Supreme Intellect and Reality Bending
+ * @returns	{number}	value + delta       The stock's next expected value
+ */
+export default function CalculateStockNextExpectedValue(
+  pValue,
+  pDelta,
+  restingValue,
+  mode,
+  bankLevel,
+  dragonBoost,
+) {
+  let value = pValue;
+  let delta = pDelta;
+  delta *= 0.97 + 0.01 * dragonBoost;
+  switch (mode) {
+    case 0:
+      delta *= 0.95;
+      break;
+    case 1:
+      delta *= 0.99;
+      delta += 0.02;
+      break;
+    case 2:
+      delta *= 0.99;
+      delta -= 0.02;
+      break;
+    case 3:
+      delta += 0.06;
+      value += 2.5;
+      break;
+    case 4:
+      delta -= 0.06;
+      value -= 2.5;
+      break;
+    default:
+      break;
+  }
+  value += (restingValue - value) * 0.01;
+  if (mode === 3) value -= 0.582;
+  if (mode === 4) value += 0.6;
+  if (value > 100 + (bankLevel - 1) * 3 && delta > 0) delta *= 0.9;
+  if (value < 5) value += (5 - value) * 0.5;
+  if (value < 5 && delta < 0) delta *= 0.95;
+  return Math.max(value + delta, 1);
+}

src/Disp/HelperFunctions/GetCPS.js

@@ -1,21 +1,37 @@
 import {
-	CacheAvgCps, CacheCurrWrinklerCount, CacheCurrWrinklerCPSMult, CacheWrinklersFattest,
+  CacheAverageCPS,
-} from '../../Cache/VariablesAndData';
+  CacheCurrWrinklerCount,
-import { CMOptions } from '../../Config/VariablesAndData';
+  CacheCurrWrinklerCPSMult,
+  CacheWrinklersFattest,
+} from '../../Cache/VariablesAndData.js';
 
 /**
  * This function returns the cps as either current or average CPS depending on CM.Options.CPSMode
  * @returns	{number}	The average or current cps
  */
 export default function GetCPS() {
-	if (CMOptions.CPSMode) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CPSMode) {
-		return CacheAvgCps;
+    return CacheAverageCPS;
-	} if (CMOptions.CalcWrink === 0) {
+  }
-		return (Game.cookiesPs * (1 - Game.cpsSucked));
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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 (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 1) {
-		return Game.cookiesPs * ((CacheCurrWrinklerCPSMult * 3 / CacheCurrWrinklerCount) + (1 - (CacheCurrWrinklerCount * 0.05)));
+    return Game.cookiesPs * (CacheCurrWrinklerCPSMult + (1 - CacheCurrWrinklerCount * 0.05));
-	}
+  }
-	return Game.cookiesPs * ((CacheCurrWrinklerCPSMult / CacheCurrWrinklerCount) + (1 - (CacheCurrWrinklerCount * 0.05)));
+  if (CacheWrinklersFattest[1] !== null)
+    if (
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.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,24 +0,0 @@
-import {
-	ColorGray, ColorGreen, ColorOrange, ColorPurple, ColorRed, ColorYellow,
-} from '../VariablesAndData';
-
-/**
- * This function returns Name and Color as object for sugar lump type that is given as input param.
- * It is called by CM.Disp.UpdateTooltipSugarLump()
- * @param 	{string} 				type 			Sugar Lump Type.
- * @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) {
-		return { text: 'Normal', color: ColorGray };
-	} if (type === 1) {
-		return { text: 'Bifurcated', color: ColorGreen };
-	} if (type === 2) {
-		return { text: 'Golden', color: ColorYellow };
-	} if (type === 3) {
-		return { text: 'Meaty', color: ColorOrange };
-	} if (type === 4) {
-		return { text: 'Caramelized', color: ColorPurple };
-	}
-	return { text: 'Unknown Sugar Lump', color: ColorRed };
-}

src/Disp/HelperFunctions/GetLumpColour.js

@@ -0,0 +1,33 @@
+import {
+  ColourGray,
+  ColourGreen,
+  ColourOrange,
+  ColourPurple,
+  ColourRed,
+  ColourYellow,
+} from '../VariablesAndData.js';
+
+/**
+ * This function returns Name and Colour as object for sugar lump type that is given as input param.
+ * It is called by CM.Disp.UpdateTooltipSugarLump()
+ * @param 	{string} 				type 			Sugar Lump Type.
+ * @returns {{string}, {string}}	text, colour		An array containing the text and display-colour of the sugar lump
+ */
+export default function GetLumpColour(type) {
+  if (type === 0) {
+    return { text: 'Normal', colour: ColourGray };
+  }
+  if (type === 1) {
+    return { text: 'Bifurcated', colour: ColourGreen };
+  }
+  if (type === 2) {
+    return { text: 'Golden', colour: ColourYellow };
+  }
+  if (type === 3) {
+    return { text: 'Meaty', colour: ColourOrange };
+  }
+  if (type === 4) {
+    return { text: 'Caramelized', colour: ColourPurple };
+  }
+  return { text: 'Unknown Sugar Lump', colour: ColourRed };
+}

src/Disp/HelperFunctions/GetWrinkConfigBank.js

@@ -1,5 +1,4 @@
-import { CacheWrinklersFattest, CacheWrinklersTotal } from '../../Cache/VariablesAndData';
+import { CacheWrinklersFattest, CacheWrinklersTotal } from '../../Cache/VariablesAndData.js';
-import { CMOptions } from '../../Config/VariablesAndData';
 
 /**
  * This function returns the total amount stored in the Wrinkler Bank
@@ -7,10 +6,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 (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 1) {
-		return CacheWrinklersTotal;
+    return CacheWrinklersTotal;
-	} if (CMOptions.CalcWrink === 2) {
+  }
-		return CacheWrinklersFattest[0];
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 2) {
-	}
+    return CacheWrinklersFattest[0];
-	return 0;
+  }
+  return 0;
 }