Merge pull request #916 from CookieMonsterTeam/dev

Push hotfixes to master

.eslintrc.json

@@ -8,8 +8,7 @@
     "l": "readonly",
     "b64_to_utf8": "readonly",
     "utf8_to_b64": "readonly",
-    "BeautifyAll": "readonly",
+    "BeautifyAll": "readonly"
-    "PlaySound": "readonly"
   },
   "extends": ["airbnb-base", "prettier"],
   "parserOptions": {

.github/workflows/CI.yml

@@ -1,11 +1,21 @@
 name: CI
-on: pull_request
+on:
+  push:
+    branches:
+      - main
+      - dev
+      - gh-pages
+  pull_request:
 jobs:
   Check_linting_test_and_build:
     runs-on: ubuntu-latest
+    env:
+      GITHUB_REGISTERY_PAT: ${{ secrets.GITHUB_TOKEN }}
     steps:
-    - name: Check out repository code
+    - uses: actions/checkout@v2
-      uses: actions/checkout@v2
+    - uses: actions/setup-node@v2
+      with:
+        node-version: 12
     - name: Install dependencies
       run: npm ci
     - name: Run ESLint
@@ -14,19 +24,20 @@ jobs:
       run: npx mocha
     - name: Check if CookieMonsterDev.js is built correctly
       run: |
-        npx webpack -o ./tmp --env production
+        npx webpack -o ./tmp --env minimize
         if cmp <(head -n 2 dist/CookieMonsterDev.js) <(head -n 2 tmp/CookieMonsterDev.js); then
-            echo '### SUCCESS: CookieMonsterDev is correctly built! ###'
+            echo '### SUCCESS: CookieMonsterDev is built correctly! ###'
         else
-            echo '### WARNING: CookieMonsterDev.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
         fi
     - name: Check if CookieMonster.js is built correctly
       if: github.ref == 'refs/heads/master'
       run: |
-       if cmp <(head -n 2 dist/CookieMonsterDev.js) <(head -n 2 dist/CookieMonster.js); then
+        npx webpack -o ./tmp --env minimize --env finalfile
-            echo '### SUCCESS: CookieMonster is correctly built! ###'
+        if cmp <(head -n 2 dist/CookieMonster.js) <(head -n 2 tmp/CookieMonster.js); then
+            echo '### SUCCESS: CookieMonster is built correctly! ###'
         else
-            echo '### WARNING: CookieMonster.js does not seem to be correct. Make sure to copy CookieMonsterDev.js into CookieMonster.js before merging to master! ###'
+            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

.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_REGISTERY_PAT}

README.md

@@ -1,10 +1,12 @@
 [![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**.
 
 ### Current version
+
 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
@@ -13,7 +15,7 @@ Github Pages is hosted from the `gh-pages` branch
 
 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
 ```
 
@@ -70,11 +72,11 @@ Currently we exposes relevant data for buildings and upgrades (PP, colour and bo
 
 ## 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 Registery (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_REGISTERY_PAT as defined in `.npmrc`.
 
-Please also remember to run `npm run build` after saving all your changes to build the final `CookieMonsterDev.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 master and Github pages copy the `Dev` files into the normal files.
+Before pushing a new version to `main` and Github pages use the `build-final` command to build the final file.
 
 ## Contributors
 

package.json

@@ -1,6 +1,6 @@
 {
-  "name": "cookiemonster-mod",
+  "name": "@cookiemonsterteam/cookiemonster-mod",
-  "version": "2.031.7",
+  "version": "2.031.10",
   "description": "Cookie Monster is an add-on that you can load into Cookie Clicker which offers a wide range of tools and statistics to enhance the game. It is not a cheat interface – although it does offer helpers for golden cookies and such, everything can be toggled off at will to only leave how much information you want. This is a helper and everything is an option.",
   "main": "CookieMonster.js",
   "keywords": [
@@ -11,11 +11,12 @@
     "Orteil"
   ],
   "scripts": {
-    "eslint-src": "eslint src test",
+    "build-dev": "run-s eslint test pack-prod",
-    "build": "run-s eslint-src test pack-prod",
+    "build-final": "run-s eslint test pack-final",
-    "build-test": "run-s pack-dev",
+    "build-test": "webpack",
-    "pack-prod": "webpack --env production",
+    "eslint": "eslint src test",
-    "pack-dev": "webpack",
+    "pack-prod": "webpack --env minimize",
+    "pack-final": "webpack --env minimize --env finalfile",
     "test": "mocha"
   },
   "repository": {
@@ -44,23 +45,23 @@
   "homepage": "https://github.com/CookieMonsterTeam/CookieMonster#readme",
   "devDependencies": {
     "@types/chai": "^4.2.19",
-    "@types/mocha": "^8.2.2",
+    "@types/mocha": "^9.0.0",
-    "@typescript-eslint/eslint-plugin": "^4.27.0",
+    "@typescript-eslint/eslint-plugin": "^4.30.0",
-    "@typescript-eslint/parser": "^4.27.0",
+    "@typescript-eslint/parser": "^4.30.0",
     "chai": "^4.3.4",
-    "eslint": "^7.29.0",
+    "eslint": "^7.32.0",
     "eslint-config-airbnb-base": "^14.2.1",
     "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-import": "^2.24.2",
     "esm": "^3.2.25",
     "mocha": "^8.4.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "2.3.1",
+    "prettier": "2.3.2",
-    "ts-loader": "^9.2.3",
+    "ts-loader": "^9.2.5",
-    "ts-node": "^10.0.0",
+    "ts-node": "^10.2.1",
-    "typescript": "^4.3.4",
+    "typescript": "^4.4.2",
-    "webpack": "^5.39.1",
+    "webpack": "^5.51.2",
-    "webpack-cli": "^4.7.2"
+    "webpack-cli": "^4.8.0"
   },
   "ccrepo": {
     "icon": [
@@ -70,6 +71,7 @@
     "name": "Cookie Monster"
   },
   "dependencies": {
-    "@eastdesire/jscolor": "^2.4.5"
+    "@eastdesire/jscolor": "^2.4.5",
+    "@cookiemonsterteam/cookiemonsterframework": "^0.2.1"
   }
 }

src/Cache/CPS/CPS.js

@@ -1,4 +1,3 @@
-import { CMOptions } from '../../Config/VariablesAndData';
 import { ClickTimes, CookieTimes } from '../../Disp/VariablesAndData';
 import {
   CacheAverageClicks, // eslint-disable-line no-unused-vars
@@ -67,23 +66,31 @@ export default function CacheAvgCPS() {
     CacheLastClicks = Game.cookieClicks;
 
     // Get average gain over period of cpsLength seconds
-    const cpsLength = CookieTimes[CMOptions.AvgCPSHist];
+    const cpsLength =
+      CookieTimes[Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgCPSHist];
     CacheAverageGainBank = CookiesDiff.calcAverage(cpsLength);
     CacheAverageGainWrink = WrinkDiff.calcAverage(cpsLength);
     CacheAverageGainWrinkFattest = WrinkFattestDiff.calcAverage(cpsLength);
     CacheAverageGainChoEgg = ChoEggDiff.calcAverage(cpsLength);
     CacheAverageCPS = CacheAverageGainBank;
-    if (CMOptions.CalcWrink === 1) CacheAverageCPS += CacheAverageGainWrink;
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 1)
-    if (CMOptions.CalcWrink === 2) CacheAverageCPS += CacheAverageGainWrinkFattest;
+      CacheAverageCPS += CacheAverageGainWrink;
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 2)
+      CacheAverageCPS += CacheAverageGainWrinkFattest;
 
     const choEgg = Game.HasUnlocked('Chocolate egg') && !Game.Has('Chocolate egg');
 
-    if (choEgg || CMOptions.CalcWrink === 0) {
+    if (
+      choEgg ||
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 0
+    ) {
       CacheAvgCPSWithChoEgg =
         CacheAverageGainBank + CacheAverageGainWrink + (choEgg ? CacheAverageGainChoEgg : 0);
     } else CacheAvgCPSWithChoEgg = CacheAverageCPS;
 
     // eslint-disable-next-line no-unused-vars
-    CacheAverageClicks = ClicksDiff.calcAverage(ClickTimes[CMOptions.AvgClicksHist]);
+    CacheAverageClicks = ClicksDiff.calcAverage(
+      ClickTimes[Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgClicksHist],
+    );
   }
 }

src/Cache/PP/Building.js

@@ -1,6 +1,6 @@
-import { CMOptions } from '../../Config/VariablesAndData';
 import GetWrinkConfigBank from '../../Disp/HelperFunctions/GetWrinkConfigBank';
 import { ColourGray } from '../../Disp/VariablesAndData';
+import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding';
 import {
   CacheMinPP, // eslint-disable-line no-unused-vars
   CacheMinPPBulk, // eslint-disable-line no-unused-vars
@@ -18,28 +18,55 @@ import ColourOfPP from './ColourOfPP';
  */
 function CacheColour(target, amount) {
   Object.keys(target).forEach((i) => {
-    if (CMOptions.PPRigidelMode && amount === 1) {
+    if (
-      target[i].color = ColourGray; // eslint-disable-line no-param-reassign
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPRigidelMode &&
+      amount === 1
+    ) {
+      target[i].colour = ColourGray; // eslint-disable-line no-param-reassign
       return;
     }
     // eslint-disable-next-line no-param-reassign
-    target[i].color = ColourOfPP(target[i], Game.Objects[i].getSumPrice(amount));
+    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 < CMOptions.PPExcludeTop; j++) {
+    for (
-      if (target[i].pp === CachePPArray[j][0]) target[i].color = ColourGray; // eslint-disable-line no-param-reassign
+      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
     }
   });
 }
 
 function CachePP(target, amount) {
   Object.keys(target).forEach((i) => {
-    const price = Game.Objects[i].getSumPrice(amount);
+    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 (!(CMOptions.PPRigidelMode && amount === 1))
+    if (
+      !(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPRigidelMode &&
+        amount === 1
+      )
+    )
       CachePPArray.push([target[i].pp, amount, price]);
   });
 }
@@ -51,17 +78,21 @@ function CachePP(target, amount) {
 export default function CacheBuildingsPP() {
   CacheMinPP = Infinity;
   CachePPArray = [];
-  if (typeof CMOptions.PPExcludeTop === 'undefined') CMOptions.PPExcludeTop = 0; // Otherwise breaks during initialization
+  if (
+    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
+  // Calculate PP and colours
   CachePP(CacheObjects1, 1);
   CachePP(CacheObjects10, 10);
   CachePP(CacheObjects100, 100);
 
   // Set CM.Cache.min to best non-excluded buidliung
   CachePPArray.sort((a, b) => a[0] - b[0]);
-  let indexOfMin = CMOptions.PPExcludeTop;
+  let indexOfMin = Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPExcludeTop;
-  if (CMOptions.PPOnlyConsiderBuyable) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPOnlyConsiderBuyable) {
     while (CachePPArray[indexOfMin][2] > Game.cookies) {
       indexOfMin += 1;
       if (CachePPArray.length === indexOfMin + 1) {

src/Cache/PP/ColourOfPP.js

@@ -1,4 +1,3 @@
-import { CMOptions } from '../../Config/VariablesAndData';
 import GetCPS from '../../Disp/HelperFunctions/GetCPS';
 import {
   ColourBlue,
@@ -16,26 +15,36 @@ import { CacheMinPP, CachePPArray } from '../VariablesAndData';
  * 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
-  if (me.pp <= 0 || me.pp === Infinity) color = ColourGray;
+  if (me.pp <= 0 || me.pp === Infinity) colour = ColourGray;
-  else if (me.pp < CacheMinPP) color = ColourBlue;
+  else if (me.pp < CacheMinPP) colour = ColourBlue;
-  else if (me.pp === CacheMinPP) color = ColourGreen;
+  else if (me.pp === CacheMinPP) colour = ColourGreen;
-  else if (me.pp < CachePPArray[10][0]) color = ColourYellow;
+  else if (me.pp < CachePPArray[10][0]) colour = ColourYellow;
-  else if (me.pp < CachePPArray[20][0]) color = ColourOrange;
+  else if (me.pp < CachePPArray[20][0]) colour = ColourOrange;
-  else if (me.pp < CachePPArray[30][0]) color = ColourRed;
+  else if (me.pp < CachePPArray[30][0]) colour = ColourRed;
-  else color = ColourPurple;
+  else colour = ColourPurple;
 
   // Colour based on price in terms of CPS
-  if (Number(CMOptions.PPSecondsLowerLimit) !== 0) {
+  if (
-    if (price / GetCPS() < Number(CMOptions.PPSecondsLowerLimit)) color = ColourBlue;
+    Number(
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPSecondsLowerLimit,
+    ) !== 0
+  ) {
+    if (
+      price / GetCPS() <
+      Number(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPSecondsLowerLimit,
+      )
+    )
+      colour = ColourBlue;
   }
   // Colour based on being able to purchase
-  if (CMOptions.PPOnlyConsiderBuyable) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPOnlyConsiderBuyable) {
-    if (price - Game.cookies > 0) color = ColourRed;
+    if (price - Game.cookies > 0) colour = ColourRed;
   }
-  return color;
+  return colour;
 }

src/Cache/PP/Upgrade.js

@@ -16,6 +16,6 @@ export default function CacheUpgradePP() {
     } 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/PriceAndIncome/PriceAndIncome.js

@@ -1,6 +1,5 @@
 /** Section: Functions related to caching income */
 
-import { CMOptions } from '../../Config/VariablesAndData';
 import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding';
 import BuyBuildingsBonusIncome from '../../Sim/SimulationEvents/BuyBuildingBonusIncome';
 import BuyUpgradesBonusIncome from '../../Sim/SimulationEvents/BuyUpgrades';
@@ -39,20 +38,25 @@ function CacheBuildingIncome(amount) {
  * It is called by CM.Cache.CacheIncome()
  */
 function CacheUpgradeIncome() {
-  CacheUpgrades = [];
+  CacheUpgrades = {};
-  Object.keys(Game.Upgrades).forEach((i) => {
+  for (let i = 0; i < Game.UpgradesInStore.length; i++) {
-    const bonusIncome = BuyUpgradesBonusIncome(i);
+    const upgradeName = Game.UpgradesInStore[i].name;
-    if (i === 'Elder Pledge') {
+    const bonusIncome = BuyUpgradesBonusIncome(upgradeName);
-      CacheUpgrades[i] = { bonus: Game.cookiesPs - CacheAverageGainBank };
+    if (upgradeName === 'Elder Pledge') {
-      if (CMOptions.CalcWrink === 1) CacheUpgrades[i].bonus -= CacheAverageGainWrink;
+      CacheUpgrades[upgradeName] = {
-      else if (CMOptions.CalcWrink === 2) CacheUpgrades[i].bonus -= CacheAverageGainWrinkFattest;
+        bonus: Game.cookiesPs - CacheAverageGainBank,
-      if (!Number.isFinite(CacheUpgrades[i].bonus)) CacheUpgrades[i].bonus = 0;
+      };
+      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[i] = {};
+      CacheUpgrades[upgradeName] = {};
-      if (bonusIncome[0]) CacheUpgrades[i].bonus = bonusIncome[0];
+      if (bonusIncome[0]) CacheUpgrades[upgradeName].bonus = bonusIncome[0];
-      if (bonusIncome[1]) CacheUpgrades[i].bonusMouse = bonusIncome[1];
+      if (bonusIncome[1]) CacheUpgrades[upgradeName].bonusMouse = bonusIncome[1];
+    }
   }
-  });
 }
 
 /**
@@ -61,28 +65,28 @@ function CacheUpgradeIncome() {
 export function CacheBuildingsPrices() {
   Object.keys(Game.Objects).forEach((i) => {
     CacheObjects1[i].price = BuildingGetPrice(
-      Game.Objects[i],
+      i,
       Game.Objects[i].basePrice,
       Game.Objects[i].amount,
       Game.Objects[i].free,
       1,
     );
     CacheObjects10[i].price = BuildingGetPrice(
-      Game.Objects[i],
+      i,
       Game.Objects[i].basePrice,
       Game.Objects[i].amount,
       Game.Objects[i].free,
       10,
     );
     CacheObjects100[i].price = BuildingGetPrice(
-      Game.Objects[i],
+      i,
       Game.Objects[i].basePrice,
       Game.Objects[i].amount,
       Game.Objects[i].free,
       100,
     );
     CacheObjectsNextAchievement[i].price = BuildingGetPrice(
-      Game.Objects[i],
+      i,
       Game.Objects[i].basePrice,
       Game.Objects[i].amount,
       Game.Objects[i].free,

src/Cache/TillNextAchievement/AllAmountTillNextAchievement.js

@@ -1,3 +1,4 @@
+import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding';
 import { CacheObjectsNextAchievement } from '../VariablesAndData';
 import IndividualAmountTillNextAchievement from './IndividualAmountTillNextAchievement';
 
@@ -17,7 +18,11 @@ export default function AllAmountTillNextAchievement(forceRecalc) {
       result[i] = {
         AmountNeeded: CacheObjectsNextAchievement[i].TotalNeeded - Game.Objects[i].amount,
         TotalNeeded: CacheObjectsNextAchievement[i].TotalNeeded,
-        price: Game.Objects[i].getSumPrice(
+        price: BuildingGetPrice(
+          i,
+          Game.Objects[i].basePrice,
+          Game.Objects[i].amount,
+          Game.Objects[i].free,
           CacheObjectsNextAchievement[i].TotalNeeded - Game.Objects[i].amount,
         ),
       };
@@ -26,7 +31,13 @@ export default function AllAmountTillNextAchievement(forceRecalc) {
       result[i] = {
         AmountNeeded: tillNext,
         TotalNeeded: Game.Objects[i].amount + tillNext,
-        price: Game.Objects[i].getSumPrice(tillNext),
+        price: BuildingGetPrice(
+          i,
+          Game.Objects[i].basePrice,
+          Game.Objects[i].amount,
+          Game.Objects[i].free,
+          tillNext,
+        ),
       };
     }
   });

src/Config/SaveLoadReload/SaveLoadReloadSettings.js

@@ -1,77 +0,0 @@
-import ConfigDefault from '../../Data/SettingsDefault.ts';
-import ConfigData from '../../Data/SettingsData';
-import { CMOptions } from '../VariablesAndData';
-import save from '../../InitSaveLoad/save';
-import CMLoopHook from '../../Main/LoopHook';
-import UpdateColours from '../../Disp/HelperFunctions/UpdateColours';
-
-/** 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;
-
-    if (typeof CMOptions.Colors !== 'undefined') {
-      delete CMOptions.Colors;
-    }
-    if (typeof CMOptions.Colours !== 'undefined') {
-      delete CMOptions.Colours;
-    }
-
-    // Check values
-    let mod = false;
-    Object.keys(ConfigDefault).forEach((i) => {
-      if (typeof CMOptions[i] === 'undefined') {
-        mod = true;
-        CMOptions[i] = ConfigDefault[i];
-      } else if (i === 'Header') {
-        Object.keys(ConfigDefault.Header).forEach((j) => {
-          if (
-            typeof CMOptions[i][j] === 'undefined' ||
-            !(CMOptions[i][j] > -1 && CMOptions[i][j] < 2)
-          ) {
-            mod = true;
-            CMOptions[i][j] = ConfigDefault[i][j];
-          }
-        });
-      }
-    });
-    if (mod) SaveConfig();
-    CMLoopHook(); // Do loop once
-    Object.keys(ConfigDefault).forEach((i) => {
-      if (i !== 'Header' && typeof ConfigData[i].func !== 'undefined') {
-        ConfigData[i].func();
-      }
-    });
-  } else {
-    // Default values
-    LoadConfig(ConfigDefault);
-  }
-  Game.UpdateMenu();
-  UpdateColours();
-}

src/Config/SpecificToggles.js

@@ -1,26 +1,35 @@
 /** Called by the "func" of individual settings */
 
 import UpdateBackground from '../Disp/HelperFunctions/UpdateBackground';
-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 (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.BotBar === 1 &&
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBar === 1 &&
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBarPos === 1
+  ) {
     l('CMBotBar').style.bottom = l('CMTimerBar').style.height;
     l('game').style.bottom = `${Number(l('CMTimerBar').style.height.replace('px', '')) + 70}px`;
-  } else if (CMOptions.BotBar === 1) {
+  } else if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.BotBar === 1) {
     l('CMBotBar').style.bottom = '0px';
     l('game').style.bottom = '70px';
-  } else if (CMOptions.TimerBar === 1 && CMOptions.TimerBarPos === 1) {
+  } 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 (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBar === 1 &&
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBarPos === 0
+  ) {
     l('sectionLeft').style.top = l('CMTimerBar').style.height;
   } else {
     l('sectionLeft').style.top = '';
@@ -33,7 +42,8 @@ export function UpdateBotTimerBarPosition() {
  * 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)
+    l('CMTimerBar').style.display = '';
   else l('CMTimerBar').style.display = 'none';
   UpdateBotTimerBarPosition();
 }
@@ -42,7 +52,7 @@ export function ToggleTimerBar() {
  * 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.bottom = '';
     l('game').insertBefore(l('CMTimerBar'), l('sectionLeft'));

src/Config/ToggleSetting.js

@@ -1,52 +1,18 @@
-import ConfigData from '../Data/SettingsData';
+import { saveAndLoadingFunctions } from '@cookiemonsterteam/cookiemonsterframework/src/index';
-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] += 1;
-
-  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();
-  }
-
-  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] += 1;
+  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,13 +1,12 @@
 import { UpdateBotBar } from '../../Disp/InfoBars/BottomBar';
 import { UpdateBotTimerBarPosition } from '../SpecificToggles';
-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 = '';
     UpdateBotBar();
   } else {

src/Config/Toggles/ToggleDetailedTime.js

@@ -1,12 +1,12 @@
 import { CMSayTime } from '../../Disp/VariablesAndData';
 import { BackupFunctions } from '../../Main/VariablesAndData';
-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)
+    Game.sayTime = CMSayTime;
   else Game.sayTime = BackupFunctions.sayTime;
 }

src/Config/Toggles/ToggleFavourites.js

@@ -1,11 +0,0 @@
-import { FavouriteSettings } from '../../Disp/VariablesAndData';
-
-/**
- * This function toggles whether a setting is part of the favourites section in setting or not
- * @param {string} config	The name of the toggleable config option
- */
-export default function ToggleFavouriteSetting(config) {
-  if (FavouriteSettings.includes(config))
-    FavouriteSettings = FavouriteSettings.filter((ele) => ele !== config);
-  else FavouriteSettings.push(config);
-}

src/Config/Toggles/ToggleGCTimer.js

@@ -1,13 +1,12 @@
 import { CacheGoldenShimmersByID } from '../../Cache/VariablesAndData';
 import { GCTimers } from '../../Disp/VariablesAndData';
-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) {
     Object.keys(GCTimers).forEach((i) => {
       GCTimers[i].style.display = 'block';
       GCTimers[i].style.left = CacheGoldenShimmersByID[i].l.style.left;

src/Config/Toggles/ToggleSectionHideButtons.js

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

src/Config/Toggles/ToggleToolWarnPos.js

@@ -1,5 +1,3 @@
-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
@@ -7,7 +5,7 @@ import { CMOptions } from '../VariablesAndData';
  */
 export default function ToggleToolWarnPos() {
   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.margin = '4px -4px';
       l('CMDispTooltipWarningParent').style.padding = '3px 4px';

src/Config/Toggles/ToggleUpgradeBarAndColour.js

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

src/Config/Toggles/ToggleUpgradeBarFixedPos.js

@@ -1,11 +1,11 @@
-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) {
+  if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.UpgradeBarFixedPos === 1
+  ) {
     // Fix to top of screen when scrolling
     l('CMUpgradeBar').style.position = 'sticky';
     l('CMUpgradeBar').style.top = '0px';

src/Config/Toggles/ToggleWrinklerButtons.js

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

src/Config/VariablesAndData.js

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

src/CookieMonster.js

@@ -9,3 +9,7 @@ const CM = {
 };
 
 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;

src/Data/Moddata.ts

@@ -1,32 +1,25 @@
 /** Data related directly to Cookie Monster */
 
 export const VersionMajor = '2.031';
-export const VersionMinor = '9';
+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/CookieMonsterTeam/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 implements the following functions:</br>
-This update implements the following functions:</br>
+- This updates adds a number of performance improvements which make CookieMonster about 33% more efficient</br>
-- For developers: we now expose some data calculated by Cookie Monster to the global scope. You can access it through the CookieMonsterData object</br>
+- Added a button to all buildings in the middle section that can "lock" the building. This makes the building unclickable, which might be useful for frantic clicking during cookie storms</br>
-- The column with the most optimal building now has a green coloured indicator whenever colour coding is turned on</br>
+- Added a percentage to the Golden Cookie timer bar</br>
-- The current season in the seasons statistics section is now displayed with green text for easier identification</br>
-- New option to show a timer bar that counts down till next autosave</br>
-- New option to sort buildings based on the "cost till next achievement"</br>
-- Added extra information about achievements in statistics page</br>
 </br>
-This update fixes the following bugs:</br>
+This update fixes the following bugs:
-- Fixed a bug where ignoring certain buildings in rare cases did not create a "most optimal building"</br>
+- Fix considerable lag on the Ascension screen when using the monospace font</br>
-- Fixed some issues related to "left till achievement"</br>
+- Fix sound playing at start-up</br>
-- Fixed some cases where upgrades and buildings were not correctly sorted</br>
+- Fix building tooltips and warnings not updating correctly</br>
-- Fixed the tooltip of "Pop all normal wrinklers" displaying an incorrect reward when Shiny's are present</br>
+- Fix upgrade bar not displaying</br>
-</div>
+- Fix loading of mod when no save was found</br>`;
-`;

src/Data/SettingClasses/BaseSetting.ts

@@ -1,11 +0,0 @@
-/** The basic setting class */
-export default class Setting {
-  type: string;
-
-  group: string;
-
-  constructor(type: string, group: string) {
-    this.type = type;
-    this.group = group;
-  }
-}

src/Data/SettingClasses/SettingColours.ts

@@ -1,11 +0,0 @@
-import Setting from './BaseSetting';
-
-/** The colour picker setting class */
-export default class SettingColours extends Setting {
-  desc: string;
-
-  constructor(type: string, group: string, desc: string) {
-    super(type, group);
-    this.desc = desc;
-  }
-}

src/Data/SettingClasses/SettingInputNumber.ts

@@ -1,27 +0,0 @@
-import Setting from './BaseSetting';
-
-/** The number input setting class */
-export default class SettingInputNumber extends Setting {
-  label: string[];
-
-  desc: string;
-
-  min: number;
-
-  max: number;
-
-  constructor(
-    type: string,
-    group: string,
-    label: string[],
-    desc: string,
-    min: number,
-    max: number,
-  ) {
-    super(type, group);
-    this.label = label;
-    this.desc = desc;
-    this.min = min;
-    this.max = max;
-  }
-}

src/Data/SettingClasses/SettingStandard.ts

@@ -1,29 +0,0 @@
-import Setting from './BaseSetting';
-
-/** The standard toggle setting class */
-export default class SettingStandard extends Setting {
-  label: string[];
-
-  desc: string;
-
-  toggle: boolean;
-
-  func: () => void;
-
-  constructor(
-    type: string,
-    group: string,
-    label: string[],
-    desc: string,
-    toggle: boolean,
-    func?: () => void,
-  ) {
-    super(type, group);
-    this.label = label;
-    this.desc = desc;
-    this.toggle = toggle;
-    if (func !== undefined) {
-      this.func = func;
-    }
-  }
-}

src/Data/SettingClasses/SettingVolume.ts

@@ -1,17 +0,0 @@
-import Setting from './BaseSetting';
-
-/** The volume level setting class */
-export default class SettingVolume extends Setting {
-  label: string[];
-
-  desc: string;
-
-  constructor(type: string, group: string, label: string[], desc: string) {
-    super(type, group);
-    this.label = label;
-    this.desc = desc;
-    for (let i = 0; i < 101; i++) {
-      this.label[i] = `${i}%`;
-    }
-  }
-}

src/Data/SettingsDefault.ts

@@ -1,144 +0,0 @@
-/** This array describes all default settings */
-const ConfigDefault: {
-  [index: string]: string | number | { [index: string]: number };
-} = {
-  CPSMode: 1,
-  AvgCPSHist: 3,
-  AvgClicksHist: 0,
-  CalcWrink: 0,
-  Scale: 2,
-  ScaleDecimals: 2,
-  ScaleSeparator: 0,
-  ScaleCutoff: 999999,
-  TimeFormat: 0,
-  DetailedTime: 1,
-  PPDisplayTime: 0,
-  BuildColour: 1,
-  PPOnlyConsiderBuyable: 0,
-  PPExcludeTop: 0,
-  PPRigidelMode: 0,
-  PPSecondsLowerLimit: 0,
-  ColourBlue: '#4bb8f0',
-  ColourGreen: '#00ff00',
-  ColourYellow: '#ffff00',
-  ColourOrange: '#ff7f00',
-  ColourRed: '#ff0000',
-  ColourPurple: '#ff00ff',
-  ColourGray: '#b3b3b3',
-  ColourPink: '#ff1493',
-  ColourBrown: '#8b4513',
-  BotBar: 1,
-  TimerBar: 1,
-  TimerBarPos: 0,
-  TimerBarOverlay: 2,
-  AutosaveTimerBar: 0,
-  UpBarColour: 1,
-  UpgradeBarFixedPos: 1,
-  SortBuildings: 0,
-  SortUpgrades: 0,
-  UpgradesNeverCollapse: 0,
-  DragonAuraInfo: 1,
-  GrimoireBar: 1,
-  GCTimer: 1,
-  Favicon: 1,
-  WrinklerButtons: 1,
-  HideSectionsButtons: 0,
-  TooltipBuildUpgrade: 1,
-  TooltipAmor: 0,
-  ToolWarnLucky: 1,
-  ToolWarnLuckyFrenzy: 1,
-  ToolWarnConjure: 1,
-  ToolWarnConjureFrenzy: 1,
-  ToolWarnEdifice: 1,
-  ToolWarnUser: 0,
-  ToolWarnBon: 1,
-  ToolWarnPos: 1,
-  TooltipGrim: 1,
-  TooltipWrink: 1,
-  TooltipLump: 1,
-  TooltipPlots: 1,
-  TooltipPantheon: 1,
-  TooltipAscendButton: 1,
-  Stats: 1,
-  MissingUpgrades: 1,
-  MissingAchievements: 0,
-  UpStats: 1,
-  HeavenlyChipsTarget: 1,
-  ShowMissedGC: 1,
-  Title: 1,
-  GeneralSound: 1,
-  GCNotification: 0,
-  GCFlash: 1,
-  ColourGCFlash: '#ffffff',
-  GCSound: 1,
-  GCVolume: 100,
-  GCSoundURL: 'https://freesound.org/data/previews/66/66717_931655-lq.mp3',
-  FortuneNotification: 0,
-  FortuneFlash: 1,
-  ColourFortuneFlash: '#ffffff',
-  FortuneSound: 1,
-  FortuneVolume: 100,
-  FortuneSoundURL: 'https://freesound.org/data/previews/174/174027_3242494-lq.mp3',
-  SeaNotification: 0,
-  SeaFlash: 1,
-  ColourSeaFlash: '#ffffff',
-  SeaSound: 1,
-  SeaVolume: 100,
-  SeaSoundURL: 'https://www.freesound.org/data/previews/121/121099_2193266-lq.mp3',
-  GardFlash: 1,
-  ColourGardFlash: '#ffffff',
-  GardSound: 1,
-  GardVolume: 100,
-  GardSoundURL: 'https://freesound.org/data/previews/103/103046_861714-lq.mp3',
-  MagicNotification: 0,
-  MagicFlash: 1,
-  ColourMagicFlash: '#ffffff',
-  MagicSound: 1,
-  MagicVolume: 100,
-  MagicSoundURL: 'https://freesound.org/data/previews/221/221683_1015240-lq.mp3',
-  WrinklerNotification: 0,
-  WrinklerFlash: 1,
-  ColourWrinklerFlash: '#ffffff',
-  WrinklerSound: 1,
-  WrinklerVolume: 100,
-  WrinklerSoundURL: 'https://freesound.org/data/previews/124/124186_8043-lq.mp3',
-  WrinklerMaxNotification: 0,
-  WrinklerMaxFlash: 1,
-  ColourWrinklerMaxFlash: '#ffffff',
-  WrinklerMaxSound: 1,
-  WrinklerMaxVolume: 100,
-  WrinklerMaxSoundURL: 'https://freesound.org/data/previews/152/152743_15663-lq.mp3',
-  BulkBuyBlock: 0,
-  FavouriteSettings: 1,
-  Header: {
-    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,
-    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

@@ -1,5 +1,8 @@
+import { settingClasses } from '@cookiemonsterteam/cookiemonsterframework/src/index';
+
 import CheckNotificationPermissions from '../Config/CheckNotificationPermissions';
-import { ToggleTimerBar, ToggleTimerBarPos } from '../Config/SpecificToggles';
+import RefreshScale from '../Disp/HelperFunctions/RefreshScale';
+import { SimDoSims } from '../Sim/VariablesAndData'; // eslint-disable-line no-unused-vars
 import ToggleBotBar from '../Config/Toggles/ToggleBotBar';
 import ToggleDetailedTime from '../Config/Toggles/ToggleDetailedTime';
 import ToggleGCTimer from '../Config/Toggles/ToggleGCTimer';
@@ -8,29 +11,25 @@ import ToggleToolWarnPos from '../Config/Toggles/ToggleToolWarnPos';
 import ToggleUpgradeBarAndColour from '../Config/Toggles/ToggleUpgradeBarAndColour';
 import ToggleUpgradeBarFixedPos from '../Config/Toggles/ToggleUpgradeBarFixedPos';
 import ToggleWrinklerButtons from '../Config/Toggles/ToggleWrinklerButtons';
-import { CMOptions } from '../Config/VariablesAndData';
 import UpdateBuildings from '../Disp/BuildingsUpgrades/Buildings';
+import { UpdateFavicon } from '../Disp/TabTitle/FavIcon';
 import UpdateUpgradeSectionsHeight from '../Disp/BuildingsUpgrades/UpdateUpgradeSectionsHeight';
 import UpdateUpgrades from '../Disp/BuildingsUpgrades/Upgrades';
-import RefreshScale from '../Disp/HelperFunctions/RefreshScale';
+import { ToggleTimerBar, ToggleTimerBarPos } from '../Config/SpecificToggles';
-import { UpdateFavicon } from '../Disp/TabTitle/FavIcon';
-import { SimDoSims } from '../Sim/VariablesAndData'; // eslint-disable-line no-unused-vars
-import SettingColours from './SettingClasses/SettingColours.ts';
-import SettingInputNumber from './SettingClasses/SettingInputNumber.ts';
-import SettingStandard from './SettingClasses/SettingStandard.ts';
-import SettingVolume from './SettingClasses/SettingVolume.ts';
 
 /** This includes all options of CookieMonster and their relevant data */
-const Config = {
+const settings = {
   // Calculation
-  CPSMode: new SettingStandard(
+  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 SettingStandard(
+  AvgCPSHist: new settingClasses.SettingStandard(
+    3,
     'bool',
     'Calculation',
     [
@@ -46,7 +45,8 @@ const Config = {
     'How much time average Cookies Per Second should consider',
     false,
   ),
-  AvgClicksHist: new SettingStandard(
+  AvgClicksHist: new settingClasses.SettingStandard(
+    0,
     'bool',
     'Calculation',
     [
@@ -59,7 +59,8 @@ const Config = {
     'How much time average Cookie Clicks should consider',
     false,
   ),
-  CalcWrink: new SettingStandard(
+  CalcWrink: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'Calculation',
     [
@@ -75,7 +76,8 @@ const Config = {
   ),
 
   // Notation
-  Scale: new SettingStandard(
+  Scale: new settingClasses.SettingStandardWithFunc(
+    2,
     'bool',
     'Notation',
     [
@@ -92,7 +94,8 @@ const Config = {
       RefreshScale();
     },
   ),
-  ScaleDecimals: new SettingStandard(
+  ScaleDecimals: new settingClasses.SettingStandardWithFunc(
+    2,
     'bool',
     'Notation',
     ['1 decimals', '2 decimals', '3 decimals'],
@@ -102,7 +105,8 @@ const Config = {
       RefreshScale();
     },
   ),
-  ScaleSeparator: new SettingStandard(
+  ScaleSeparator: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'Notation',
     ['. for decimals (standard)', '. for thousands'],
@@ -112,7 +116,8 @@ const Config = {
       RefreshScale();
     },
   ),
-  ScaleCutoff: new SettingInputNumber(
+  ScaleCutoff: new settingClasses.SettingInputNumber(
+    999999,
     'numscale',
     'Notation',
     'Notation cut-off point: ',
@@ -120,14 +125,16 @@ const Config = {
     1,
     999999999,
   ),
-  TimeFormat: new SettingStandard(
+  TimeFormat: new settingClasses.SettingStandard(
+    0,
     'bool',
     'Notation',
     ['Time XXd, XXh, XXm, XXs', 'Time XX:XX:XX:XX:XX'],
     'Change the time format',
     false,
   ),
-  DetailedTime: new SettingStandard(
+  DetailedTime: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'Notation',
     ['Detailed time OFF', 'Detailed time ON'],
@@ -137,7 +144,8 @@ const Config = {
       ToggleDetailedTime();
     },
   ),
-  PPDisplayTime: new SettingStandard(
+  PPDisplayTime: new settingClasses.SettingStandard(
+    0,
     'bool',
     'Notation',
     ['PP as value (standard)', 'PP as time unit'],
@@ -146,7 +154,8 @@ const Config = {
   ),
 
   // Colours
-  BuildColour: new SettingStandard(
+  BuildColour: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'Colours',
     ['Building colours OFF', 'Building colours ON'],
@@ -156,14 +165,16 @@ const Config = {
       UpdateBuildings();
     },
   ),
-  PPOnlyConsiderBuyable: new SettingStandard(
+  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 SettingStandard(
+  PPExcludeTop: new settingClasses.SettingStandard(
+    0,
     'bool',
     'Colours',
     [
@@ -175,14 +186,16 @@ const Config = {
     'Makes Cookie Monster ignore the 1st, 2nd or 3rd best buildings in labeling and colouring PP values',
     true,
   ),
-  PPRigidelMode: new SettingStandard(
+  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 SettingInputNumber(
+  PPSecondsLowerLimit: new settingClasses.SettingInputNumber(
+    0,
     'numscale',
     'Colours',
     'Lower limit for PP (in seconds): ',
@@ -190,54 +203,64 @@ const Config = {
     0,
     Infinity,
   ),
-  ColourBlue: new SettingColours(
+  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 SettingColours(
+  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 SettingColours(
+  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 SettingColours(
+  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 SettingColours(
+  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 SettingColours(
+  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 SettingColours(
+  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 SettingColours(
+  ColourPink: new settingClasses.SettingColours(
+    '#ff1493',
     'colour',
     'Colours',
     'Standard colour is pink. Used for Dragonflight bar',
   ),
-  ColourBrown: new SettingColours(
+  ColourBrown: new settingClasses.SettingColours(
+    '#8b4513',
     'colour',
     'Colours',
     'Standard colour is brown. Used for Dragon Harvest bar',
   ),
 
   // BarsDisplay
-  BotBar: new SettingStandard(
+  BotBar: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'BarsDisplay',
     ['Bottom bar OFF', 'Bottom bar ON'],
@@ -247,7 +270,8 @@ const Config = {
       ToggleBotBar();
     },
   ),
-  TimerBar: new SettingStandard(
+  TimerBar: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'BarsDisplay',
     ['Timer bar OFF', 'Timer bar ON'],
@@ -257,7 +281,8 @@ const Config = {
       ToggleTimerBar();
     },
   ),
-  TimerBarPos: new SettingStandard(
+  TimerBarPos: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'BarsDisplay',
     ['Timer bar position (top left)', 'Timer bar position (bottom)'],
@@ -267,21 +292,24 @@ const Config = {
       ToggleTimerBarPos();
     },
   ),
-  TimerBarOverlay: new SettingStandard(
+  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 SettingStandard(
+  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 SettingStandard(
+  UpBarColour: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'BarsDisplay',
     ['Upgrade colours/bar OFF', 'Upgrade colours with bar ON', 'Upgrade colours without bar ON'],
@@ -291,7 +319,8 @@ const Config = {
       ToggleUpgradeBarAndColour();
     },
   ),
-  UpgradeBarFixedPos: new SettingStandard(
+  UpgradeBarFixedPos: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'BarsDisplay',
     ['Upgrade bar fixed position OFF', 'Upgrade bar fixed position ON'],
@@ -301,7 +330,8 @@ const Config = {
       ToggleUpgradeBarFixedPos();
     },
   ),
-  SortBuildings: new SettingStandard(
+  SortBuildings: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'BarsDisplay',
     [
@@ -316,7 +346,8 @@ const Config = {
       UpdateBuildings();
     },
   ),
-  SortUpgrades: new SettingStandard(
+  SortUpgrades: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'BarsDisplay',
     ['Sort upgrades: default', 'Sort upgrades: PP'],
@@ -326,7 +357,8 @@ const Config = {
       UpdateUpgrades();
     },
   ),
-  UpgradesNeverCollapse: new SettingStandard(
+  UpgradesNeverCollapse: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'BarsDisplay',
     ['Upgrades always expanded OFF', 'Upgrades always expanded ON'],
@@ -336,21 +368,24 @@ const Config = {
       UpdateUpgradeSectionsHeight();
     },
   ),
-  DragonAuraInfo: new SettingStandard(
+  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 SettingStandard(
+  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 SettingStandard(
+  GCTimer: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'BarsDisplay',
     ['Golden cookie timer OFF', 'Golden cookie timer ON'],
@@ -360,7 +395,8 @@ const Config = {
       ToggleGCTimer();
     },
   ),
-  Favicon: new SettingStandard(
+  Favicon: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'BarsDisplay',
     ['Favicon OFF', 'Favicon ON'],
@@ -370,7 +406,8 @@ const Config = {
       UpdateFavicon();
     },
   ),
-  WrinklerButtons: new SettingStandard(
+  WrinklerButtons: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'BarsDisplay',
     ['Extra wrinkler buttons OFF', 'Extra wrinkler buttons ON'],
@@ -380,7 +417,8 @@ const Config = {
       ToggleWrinklerButtons();
     },
   ),
-  HideSectionsButtons: new SettingStandard(
+  HideSectionsButtons: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'BarsDisplay',
     ['Hide buildings/upgrades button OFF', 'Hide buildings/upgrades button ON'],
@@ -392,14 +430,16 @@ const Config = {
   ),
 
   // Tooltip
-  TooltipBuildUpgrade: new SettingStandard(
+  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 SettingStandard(
+  TooltipAmor: new settingClasses.SettingStandard(
+    0,
     'bool',
     'Tooltip',
     [
@@ -409,42 +449,48 @@ const Config = {
     'Add amortization information to buildings tooltip',
     true,
   ),
-  ToolWarnLucky: new SettingStandard(
+  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 SettingStandard(
+  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 SettingStandard(
+  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 SettingStandard(
+  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 SettingStandard(
+  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 SettingInputNumber(
+  ToolWarnUser: new settingClasses.SettingInputNumber(
+    0,
     'numscale',
     'Tooltip',
     'Tooltip warning at x times CPS: ',
@@ -452,14 +498,16 @@ const Config = {
     0,
     Infinity,
   ),
-  ToolWarnBon: new SettingStandard(
+  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 SettingStandard(
+  ToolWarnPos: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'Tooltip',
     ['Tooltip warning position (left)', 'Tooltip warning position (bottom)'],
@@ -469,42 +517,48 @@ const Config = {
       ToggleToolWarnPos();
     },
   ),
-  TooltipGrim: new SettingStandard(
+  TooltipGrim: new settingClasses.SettingStandard(
+    1,
     'bool',
     'Tooltip',
     ['Grimoire tooltip information OFF', 'Grimoire tooltip information ON'],
     'Extra information in tooltip for grimoire',
     true,
   ),
-  TooltipWrink: new SettingStandard(
+  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 SettingStandard(
+  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 SettingStandard(
+  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,
   ),
-  TooltipPantheon: new SettingStandard(
+  TooltipPantheon: new settingClasses.SettingStandard(
+    1,
     'bool',
     'Tooltip',
     ['Pantheon tooltip OFF', 'Pantheon tooltip ON'],
     'Shows additional info in the pantheon tooltip',
     true,
   ),
-  TooltipAscendButton: new SettingStandard(
+  TooltipAscendButton: new settingClasses.SettingStandard(
+    1,
     'bool',
     'Tooltip',
     ['Show Extra Info Ascend Tooltip OFF', 'Show Extra Info Ascend Tooltip ON'],
@@ -513,35 +567,40 @@ const Config = {
   ),
 
   // Statistics
-  Stats: new SettingStandard(
+  Stats: new settingClasses.SettingStandard(
+    1,
     'bool',
     'Statistics',
     ['Statistics OFF', 'Statistics ON'],
     'Extra Cookie Monster statistics!',
     true,
   ),
-  MissingUpgrades: new SettingStandard(
+  MissingUpgrades: new settingClasses.SettingStandard(
+    1,
     'bool',
     'Statistics',
     ['Missing upgrades OFF', 'Missing upgrades ON'],
     'Shows missing upgrades in statistics menu',
     true,
   ),
-  MissingAchievements: new SettingStandard(
+  MissingAchievements: new settingClasses.SettingStandard(
+    0,
     'bool',
     'Statistics',
     ['Missing Achievements OFF', 'Missing Normal Achievements ON'],
     'Shows missing normal achievements in statistics menu.',
     true,
   ),
-  UpStats: new SettingStandard(
+  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 SettingInputNumber(
+  HeavenlyChipsTarget: new settingClasses.SettingInputNumber(
+    1,
     'numscale',
     'Statistics',
     'Heavenly chips target: ',
@@ -549,7 +608,8 @@ const Config = {
     1,
     Infinity,
   ),
-  ShowMissedGC: new SettingStandard(
+  ShowMissedGC: new settingClasses.SettingStandard(
+    1,
     'bool',
     'Statistics',
     ['Missed GC OFF', 'Missed GC ON'],
@@ -558,257 +618,311 @@ const Config = {
   ),
 
   // Notification
-  Title: new SettingStandard(
+  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 SettingStandard(
+  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 SettingStandard(
+  GCNotification: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'NotificationGC',
     ['Notification OFF', 'Notification ON'],
     'Create a notification when golden cookie spawns',
     true,
     () => {
-      CheckNotificationPermissions(CMOptions.GCNotification);
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.GCNotification,
+      );
     },
   ),
-  GCFlash: new SettingStandard(
+  GCFlash: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationGC',
     ['Flash OFF', 'Flash ON'],
     'Flash screen on golden cookie',
     true,
   ),
-  ColourGCFlash: new SettingColours(
+  ColourGCFlash: new settingClasses.SettingColours(
+    '#ffffff',
     'colour',
     'NotificationGC',
     'The colour of the GC flash, standard colour is white',
   ),
-  GCSound: new SettingStandard(
+  GCSound: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationGC',
     ['Sound OFF', 'Sound ON'],
     'Play a sound on golden cookie',
     true,
   ),
-  GCVolume: new SettingVolume('vol', 'NotificationGC', [], 'Volume'),
+  GCVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationGC', [], 'Volume'),
-  GCSoundURL: new SettingStandard(
+  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 SettingStandard(
+  FortuneNotification: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'NotificationFC',
     ['Notification OFF', 'Notification ON'],
     'Create a notification when fortune cookie is on the ticker',
     true,
     () => {
-      CheckNotificationPermissions(CMOptions.FortuneNotification);
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.FortuneNotification,
+      );
     },
   ),
-  FortuneFlash: new SettingStandard(
+  FortuneFlash: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationFC',
     ['Flash OFF', 'Flash ON'],
     'Flash screen on fortune cookie spawn',
     true,
   ),
-  ColourFortuneFlash: new SettingColours(
+  ColourFortuneFlash: new settingClasses.SettingColours(
+    '#ffffff',
     'colour',
     'NotificationFC',
     'The colour of the fortune flash, standard colour is white',
   ),
-  FortuneSound: new SettingStandard(
+  FortuneSound: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationFC',
     ['Sound OFF', 'Sound ON'],
     'Play a sound on fortune cookie spawn',
     true,
   ),
-  FortuneVolume: new SettingVolume('vol', 'NotificationFC', [], 'Volume'),
+  FortuneVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationFC', [], 'Volume'),
-  FortuneSoundURL: new SettingStandard(
+  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 SettingStandard(
+  SeaNotification: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'NotificationSea',
     ['Notification OFF', 'Notification ON'],
     'Create a notification on season popup',
     true,
     () => {
-      CheckNotificationPermissions(CMOptions.SeaNotification);
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.SeaNotification,
+      );
     },
   ),
-  SeaFlash: new SettingStandard(
+  SeaFlash: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationSea',
     ['Flash OFF', 'Flash ON'],
     'Flash screen on season popup',
     true,
   ),
-  ColourSeaFlash: new SettingColours(
+  ColourSeaFlash: new settingClasses.SettingColours(
+    '#ffffff',
     'colour',
     'NotificationSea',
     'The colour of the season popup flash, standard colour is white',
   ),
-  SeaSound: new SettingStandard(
+  SeaSound: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationSea',
     ['Sound OFF', 'Sound ON'],
     'Play a sound on season popup',
     true,
   ),
-  SeaVolume: new SettingVolume('vol', 'NotificationSea', [], 'Volume'),
+  SeaVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationSea', [], 'Volume'),
-  SeaSoundURL: new SettingStandard(
+  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 SettingStandard(
+  GardFlash: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationGard',
     ['Garden Tick Flash OFF', 'Flash ON'],
     'Flash screen on garden tick',
     true,
   ),
-  ColourGardFlash: new SettingColours(
+  ColourGardFlash: new settingClasses.SettingColours(
+    '#ffffff',
     'colour',
     'NotificationGard',
     'The colour of the garden flash, standard colour is white',
   ),
-  GardSound: new SettingStandard(
+  GardSound: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationGard',
     ['Sound OFF', 'Sound ON'],
     'Play a sound on garden tick',
     true,
   ),
-  GardVolume: new SettingVolume('vol', 'NotificationGard', [], 'Volume'),
+  GardVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationGard', [], 'Volume'),
-  GardSoundURL: new SettingStandard(
+  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 SettingStandard(
+  MagicNotification: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'NotificationMagi',
     ['Notification OFF', 'Notification ON'],
     'Create a notification when magic reaches maximum',
     true,
     () => {
-      CheckNotificationPermissions(CMOptions.MagicNotification);
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.MagicNotification,
+      );
     },
   ),
-  MagicFlash: new SettingStandard(
+  MagicFlash: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationMagi',
     ['Flash OFF', 'Flash ON'],
     'Flash screen when magic reaches maximum',
     true,
   ),
-  ColourMagicFlash: new SettingColours(
+  ColourMagicFlash: new settingClasses.SettingColours(
+    '#ffffff',
     'colour',
     'NotificationMagi',
     'The colour of the magic flash, standard colour is white',
   ),
-  MagicSound: new SettingStandard(
+  MagicSound: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationMagi',
     ['Sound OFF', 'Sound ON'],
     'Play a sound when magic reaches maximum',
     true,
   ),
-  MagicVolume: new SettingVolume('vol', 'NotificationMagi', [], 'Volume'),
+  MagicVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationMagi', [], 'Volume'),
-  MagicSoundURL: new SettingStandard(
+  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 SettingStandard(
+  WrinklerNotification: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'NotificationWrink',
     ['Notification OFF', 'Notification ON'],
     'Create a notification when a wrinkler appears',
     true,
     () => {
-      CheckNotificationPermissions(CMOptions.WrinklerNotification);
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerNotification,
+      );
     },
   ),
-  WrinklerFlash: new SettingStandard(
+  WrinklerFlash: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationWrink',
     ['Flash OFF', 'Flash ON'],
     'Flash screen when a wrinkler appears',
     true,
   ),
-  ColourWrinklerFlash: new SettingColours(
+  ColourWrinklerFlash: new settingClasses.SettingColours(
+    '#ffffff',
     'colour',
     'NotificationWrink',
     'The colour of the wrinkler flash, standard colour is white',
   ),
-  WrinklerSound: new SettingStandard(
+  WrinklerSound: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationWrink',
     ['Sound OFF', 'Sound ON'],
     'Play a sound when a wrinkler appears',
     true,
   ),
-  WrinklerVolume: new SettingVolume('vol', 'NotificationWrink', [], 'Volume'),
+  WrinklerVolume: new settingClasses.SettingVolume(100, 'vol', 'NotificationWrink', [], 'Volume'),
-  WrinklerSoundURL: new SettingStandard(
+  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 SettingStandard(
+  WrinklerMaxNotification: new settingClasses.SettingStandardWithFunc(
+    0,
     'bool',
     'NotificationWrinkMax',
     ['Notification OFF', 'Notification ON'],
     'Create a notification when the maximum amount of wrinklers has appeared',
     true,
     () => {
-      CheckNotificationPermissions(CMOptions.WrinklerMaxNotification);
+      CheckNotificationPermissions(
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerMaxNotification,
+      );
     },
   ),
-  WrinklerMaxFlash: new SettingStandard(
+  WrinklerMaxFlash: new settingClasses.SettingStandard(
+    1,
     'bool',
     'NotificationWrinkMax',
     ['Flash OFF', 'Flash ON'],
     'Flash screen when the maximum amount of Wrinklers has appeared',
     true,
   ),
-  ColourWrinklerMaxFlash: new SettingColours(
+  ColourWrinklerMaxFlash: new settingClasses.SettingColours(
+    '#ffffff',
     'colour',
     'NotificationWrinkMax',
     'The colour of the maximum wrinkler flash, standard colour is white',
   ),
-  WrinklerMaxSound: new SettingStandard(
+  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 SettingVolume('vol', 'NotificationWrinkMax', [], 'Volume'),
+  WrinklerMaxVolume: new settingClasses.SettingVolume(
-  WrinklerMaxSoundURL: new SettingStandard(
+    100,
+    'vol',
+    'NotificationWrinkMax',
+    [],
+    'Volume',
+  ),
+  WrinklerMaxSoundURL: new settingClasses.SettingStandard(
+    'https://freesound.org/data/previews/152/152743_15663-lq.mp3',
     'url',
     'NotificationWrinkMax',
     'Sound URL:',
@@ -816,14 +930,16 @@ const Config = {
   ),
 
   // Miscellaneous
-  BulkBuyBlock: new SettingStandard(
+  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 SettingStandard(
+  FavouriteSettings: new settingClasses.SettingStandardWithFunc(
+    1,
     'bool',
     'Miscellaneous',
     [
@@ -839,4 +955,4 @@ const Config = {
   ),
 };
 
-export default Config;
+export default settings;

src/Disp/BeautifyAndFormatting/Beautify.js

@@ -1,6 +1,5 @@
 /** General functions to format or beautify strings */
 
-import { CMOptions } from '../../Config/VariablesAndData';
 import { metric, shortScale, shortScaleAbbreviated } from '../../Data/Scales.ts';
 import { BackupFunctions } from '../../Main/VariablesAndData';
 
@@ -12,14 +11,15 @@ import { BackupFunctions } from '../../Main/VariablesAndData';
  * @returns	{string}			Formatted number
  */
 export default function Beautify(num, floats, forced) {
-  const decimals = CMOptions.ScaleDecimals + 1;
+  const decimals =
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleDecimals + 1;
   if (num === Infinity) {
     return 'Infinity';
   }
   if (typeof num === 'undefined') {
     return '0';
   }
-  if (CMOptions.Scale === 0) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Scale === 0) {
     return BackupFunctions.Beautify(num, floats);
   }
   if (Number.isFinite(num)) {
@@ -30,12 +30,20 @@ export default function Beautify(num, floats, forced) {
     if (num === 0) {
       return num.toString();
     }
-    if (num > 0.001 && num < CMOptions.ScaleCutoff) {
+    if (
-      if (CMOptions.ScaleSeparator) answer = num.toLocaleString('nl');
+      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 ((CMOptions.Scale === 4 && !forced) || forced === 4) {
+    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 {
@@ -43,22 +51,38 @@ export default function Beautify(num, floats, forced) {
       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) {
+      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 ((CMOptions.Scale === 2 && !forced) || forced === 2) {
+      } 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 ((CMOptions.Scale === 3 && !forced) || forced === 3) {
+      } 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 ((CMOptions.Scale === 5 && !forced) || forced === 5) {
+      } else if (
+        (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Scale === 5 &&
+          !forced) ||
+        forced === 5
+      ) {
         // Engineering notation, 123456789 => 123.457E+6
         answer += `E${AmountOfTenPowerThree * 3}`;
       }
@@ -68,7 +92,8 @@ export default function Beautify(num, floats, forced) {
       console.log(`Could not beautify number with Cookie Monster Beautify: ${num}`);
       answer = BackupFunctions.Beautify(num, floats);
     }
-    if (CMOptions.ScaleSeparator) answer = answer.replace('.', ',');
+    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

src/Disp/BeautifyAndFormatting/FormatTime.js

@@ -1,5 +1,3 @@
-import { CMOptions } from '../../Config/VariablesAndData';
-
 /**
  * This function returns time as a string depending on TimeFormat setting
  * @param  	{number} 	time		Time to be formatted
@@ -17,7 +15,7 @@ export default function FormatTime(time, longFormat) {
   const m = Math.floor((((formattedTime % 31536000) % 86400) % 3600) / 60);
   const s = Math.floor((((formattedTime % 31536000) % 86400) % 3600) % 60);
   let str = '';
-  if (CMOptions.TimeFormat) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimeFormat) {
     if (formattedTime > 3155760000) return 'XX:XX:XX:XX:XX';
     str += `${(y < 10 ? '0' : '') + y}:`;
     str += `${(d < 10 ? '0' : '') + d}:`;

src/Disp/BeautifyAndFormatting/GetTimeColour.js

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

src/Disp/BuildingsUpgrades/Buildings.js

@@ -5,7 +5,6 @@ import {
   CacheObjects100,
   CacheObjectsNextAchievement,
 } from '../../Cache/VariablesAndData';
-import { CMOptions } from '../../Config/VariablesAndData';
 import BuildingSell from '../../Sim/SimulationEvents/SellBuilding';
 import Beautify from '../BeautifyAndFormatting/Beautify';
 import { ColoursOrdering, LastTargetBuildings } from '../VariablesAndData';
@@ -36,11 +35,15 @@ export default function UpdateBuildings() {
   l(`storeBulk100`).style.removeProperty('color');
 
   if (Game.buyMode === 1) {
-    if (CMOptions.BuildColour === 1) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.BuildColour === 1) {
       Object.keys(target).forEach((i) => {
-        l(`productPrice${Game.Objects[i].id}`).style.color = CMOptions[`Colour${target[i].color}`];
+        l(`productPrice${Game.Objects[i].id}`).style.color =
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings[
+            `Colour${target[i].colour}`
+          ];
       });
-      l(`storeBulk${CacheMinPPBulk}`).style.color = CMOptions.ColourGreen;
+      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');
@@ -67,8 +70,11 @@ export default function UpdateBuildings() {
   // 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 || !CMOptions.SortBuildings) {
+  if (
-    arr = Object.keys(CacheObjects1).map(k => {
+    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;
@@ -76,36 +82,42 @@ export default function UpdateBuildings() {
     });
     // Sort using default order.
     arr.sort((a, b) => a.id - b.id);
-  } else if (CMOptions.SortBuildings === 1) {
+  } else if (
-    arr = Object.keys(CacheObjects1).map(k => {
+    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.color = CacheObjects1[k].color;
+      o.colour = CacheObjects1[k].colour;
       return o;
     });
     // Sort by pp colour group, then by pp.
     arr.sort((a, b) =>
-      ColoursOrdering.indexOf(a.color) === ColoursOrdering.indexOf(b.color)
+      ColoursOrdering.indexOf(a.colour) === ColoursOrdering.indexOf(b.colour)
         ? a.pp - b.pp
-        : ColoursOrdering.indexOf(a.color) - ColoursOrdering.indexOf(b.color)
+        : ColoursOrdering.indexOf(a.colour) - ColoursOrdering.indexOf(b.colour),
     );
-  } else if (CMOptions.SortBuildings === 2) {
+  } else if (
-    arr = Object.keys(target).map(k => {
+    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.color = target[k].color;
+      o.colour = target[k].colour;
       return o;
     });
     // Sort by pp colour group, then by pp.
     arr.sort((a, b) =>
-      ColoursOrdering.indexOf(a.color) === ColoursOrdering.indexOf(b.color)
+      ColoursOrdering.indexOf(a.colour) === ColoursOrdering.indexOf(b.colour)
         ? a.pp - b.pp
-        : ColoursOrdering.indexOf(a.color) - ColoursOrdering.indexOf(b.color)
+        : ColoursOrdering.indexOf(a.colour) - ColoursOrdering.indexOf(b.colour),
     );
-  } else if (CMOptions.SortBuildings === 3) {
+  } else if (
-    arr = Object.keys(CacheObjectsNextAchievement).map(k => {
+    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;
@@ -118,9 +130,10 @@ export default function UpdateBuildings() {
     // 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) =>
+    arr.sort(
+      (a, b) =>
         (a.amountUntilNext !== 101 ? a.priceUntilNext : Infinity) -
-      (b.amountUntilNext !== 101 ? b.priceUntilNext : Infinity)
+        (b.amountUntilNext !== 101 ? b.priceUntilNext : Infinity),
     );
   }
 

src/Disp/BuildingsUpgrades/UpdateUpgradeSectionsHeight.js

@@ -1,5 +1,3 @@
-import { CMOptions } from '../../Config/VariablesAndData';
-
 /**
  * This function toggles the upgrade to be always expanded
  * It is called by a change in CM.Options.ToolWarnPos
@@ -7,7 +5,10 @@ import { CMOptions } from '../../Config/VariablesAndData';
  */
 export default function UpdateUpgradeSectionsHeight() {
   Object.values(document.getElementsByClassName('storeSection')).forEach((section) => {
-    if (CMOptions.UpgradesNeverCollapse || section.id === 'products') {
+    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

src/Disp/BuildingsUpgrades/UpgradeBar.js

@@ -24,11 +24,11 @@ function CreateUpgradeBarLegend() {
   title.textContent = 'Legend';
   legend.appendChild(title);
 
-  const legendLine = function (color, text) {
+  const legendLine = function (colour, text) {
     const div = document.createElement('div');
     div.style.verticalAlign = 'middle';
     const span = document.createElement('span');
-    span.className = ColourBackPre + color;
+    span.className = ColourBackPre + colour;
     span.style.display = 'inline-block';
     span.style.height = '10px';
     span.style.width = '10px';
@@ -70,10 +70,10 @@ export default function CreateUpgradeBar() {
     Game.tooltip.draw(this, escape(placeholder.innerHTML), 'store');
   };
 
-  const upgradeNumber = function (id, color) {
+  const upgradeNumber = function (id, colour) {
     const span = document.createElement('span');
     span.id = id;
-    span.className = ColourTextPre + color;
+    span.className = ColourTextPre + colour;
     span.style.width = '14.28571428571429%';
     span.style.display = 'inline-block';
     span.textContent = '0';

src/Disp/BuildingsUpgrades/Upgrades.js

@@ -1,5 +1,4 @@
 import { CacheUpgrades } from '../../Cache/VariablesAndData';
-import { CMOptions } from '../../Config/VariablesAndData';
 import {
   ColourBackPre,
   ColourBlue,
@@ -20,7 +19,7 @@ import {
  */
 export default function UpdateUpgrades() {
   // This counts the amount of upgrades for each pp group and updates the Upgrade Bar
-  if (CMOptions.UpBarColour > 0) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.UpBarColour > 0) {
     let blue = 0;
     let green = 0;
     let yellow = 0;
@@ -34,7 +33,7 @@ export default function UpdateUpgrades() {
       let addedColour = false;
       for (let j = 0; j < l(`upgrade${i}`).childNodes.length; j += 1) {
         if (l(`upgrade${i}`).childNodes[j].className.indexOf(ColourBackPre) !== -1) {
-          l(`upgrade${i}`).childNodes[j].className = ColourBackPre + CacheUpgrades[me.name].color;
+          l(`upgrade${i}`).childNodes[j].className = ColourBackPre + CacheUpgrades[me.name].colour;
           addedColour = true;
           break;
         }
@@ -43,16 +42,16 @@ export default function UpdateUpgrades() {
         const div = document.createElement('div');
         div.style.width = '10px';
         div.style.height = '10px';
-        div.className = ColourBackPre + CacheUpgrades[me.name].color;
+        div.className = ColourBackPre + CacheUpgrades[me.name].colour;
         l(`upgrade${i}`).appendChild(div);
       }
-      if (CacheUpgrades[me.name].color === ColourBlue) blue += 1;
+      if (CacheUpgrades[me.name].colour === ColourBlue) blue += 1;
-      else if (CacheUpgrades[me.name].color === ColourGreen) green += 1;
+      else if (CacheUpgrades[me.name].colour === ColourGreen) green += 1;
-      else if (CacheUpgrades[me.name].color === ColourYellow) yellow += 1;
+      else if (CacheUpgrades[me.name].colour === ColourYellow) yellow += 1;
-      else if (CacheUpgrades[me.name].color === ColourOrange) orange += 1;
+      else if (CacheUpgrades[me.name].colour === ColourOrange) orange += 1;
-      else if (CacheUpgrades[me.name].color === ColourRed) red += 1;
+      else if (CacheUpgrades[me.name].colour === ColourRed) red += 1;
-      else if (CacheUpgrades[me.name].color === ColourPurple) purple += 1;
+      else if (CacheUpgrades[me.name].colour === ColourPurple) purple += 1;
-      else if (CacheUpgrades[me.name].color === ColourGray) gray += 1;
+      else if (CacheUpgrades[me.name].colour === ColourGray) gray += 1;
     });
 
     l('CMUpgradeBarBlue').textContent = blue;
@@ -72,16 +71,16 @@ export default function UpdateUpgrades() {
     o.name = Game.UpgradesInStore[x].name;
     o.price = Game.UpgradesInStore[x].basePrice;
     o.pp = CacheUpgrades[o.name].pp;
-    o.color = CacheUpgrades[o.name].color;
+    o.colour = CacheUpgrades[o.name].colour;
     arr.push(o);
   }
 
-  if (CMOptions.SortUpgrades) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.SortUpgrades) {
     // Sort by pp colour group, then by pp.
     arr.sort((a, b) =>
-      ColoursOrdering.indexOf(a.color) === ColoursOrdering.indexOf(b.color)
+      ColoursOrdering.indexOf(a.colour) === ColoursOrdering.indexOf(b.colour)
         ? a.pp - b.pp
-        : ColoursOrdering.indexOf(a.color) - ColoursOrdering.indexOf(b.color)
+        : ColoursOrdering.indexOf(a.colour) - ColoursOrdering.indexOf(b.colour),
     );
   } else {
     arr.sort((a, b) => a.price - b.price);

src/Disp/Dragon/Dragon.js

@@ -2,7 +2,6 @@
 
 import CacheDragonCost from '../../Cache/Dragon/Dragon';
 import { CacheCostDragonUpgrade } from '../../Cache/VariablesAndData';
-import { CMOptions } from '../../Config/VariablesAndData';
 import CalculateChangeAura from '../../Sim/SimulationEvents/AuraChange';
 import Beautify from '../BeautifyAndFormatting/Beautify';
 import FormatTime from '../BeautifyAndFormatting/FormatTime';
@@ -12,7 +11,7 @@ import FormatTime from '../BeautifyAndFormatting/FormatTime';
  * @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 timeToRecover = FormatTime(priceOfChange / (bonusCPS + Game.cookiesPs));
     let bonusCPSPercentage;

src/Disp/DrawHook.js

@@ -1,5 +1,4 @@
 import ToggleWrinklerButtons from '../Config/Toggles/ToggleWrinklerButtons';
-import { CMOptions } from '../Config/VariablesAndData';
 import Beautify from './BeautifyAndFormatting/Beautify';
 import UpdateBuildings from './BuildingsUpgrades/Buildings';
 import UpdateUpgradeSectionsHeight from './BuildingsUpgrades/UpdateUpgradeSectionsHeight';
@@ -20,7 +19,7 @@ export default function CMDrawHook() {
     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
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Stats // while being on the stats menu only
   ) {
     const timer = document.getElementById('CMStatsAutosaveTimer');
     if (timer) {
@@ -28,7 +27,7 @@ export default function CMDrawHook() {
     }
   }
 
-  // Update colors
+  // Update colours
   UpdateBuildings();
   UpdateUpgrades();
   UpdateUpgradeSectionsHeight();
@@ -53,7 +52,7 @@ export default function CMDrawHook() {
   ToggleWrinklerButtons();
 
   // Replace Cookies counter because Orteil uses very weird code to "pad" it...
-  if (CMOptions.Scale) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Scale && !Game.OnAscend) {
     let str = l('cookies').innerHTML.replace(/.*(?=<br>)/i, Beautify(Game.cookies));
     if (Game.prefs.monospace) str = `<span class="monospace">${str}</span>`;
     l('cookies').innerHTML = str;

src/Disp/GoldenCookieTimers/GoldenCookieTimers.js

@@ -1,6 +1,5 @@
 /** Section: Functions related to the Golden Cookie Timers */
 
-import { CMOptions } from '../../Config/VariablesAndData';
 import { GCTimers } from '../VariablesAndData';
 
 /**
@@ -20,7 +19,9 @@ export default function CreateGCTimer(cookie) {
   GCTimer.style.fontSize = '35px';
   GCTimer.style.cursor = 'pointer';
   GCTimer.style.display = 'block';
-  if (CMOptions.GCTimer === 0) GCTimer.style.display = 'none';
+  GCTimer.style.pointerEvents = 'none';
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.GCTimer === 0)
+    GCTimer.style.display = 'none';
   GCTimer.style.left = cookie.l.style.left;
   GCTimer.style.top = cookie.l.style.top;
   GCTimer.onclick = function () {

src/Disp/HelperFunctions/GetCPS.js

@@ -4,24 +4,26 @@ import {
   CacheCurrWrinklerCPSMult,
   CacheWrinklersFattest,
 } from '../../Cache/VariablesAndData';
-import { CMOptions } from '../../Config/VariablesAndData';
 
 /**
  * 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 CacheAverageCPS;
   }
-  if (CMOptions.CalcWrink === 0) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 0) {
     return Game.cookiesPs * (1 - Game.cpsSucked);
   }
-  if (CMOptions.CalcWrink === 1) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 1) {
     return Game.cookiesPs * (CacheCurrWrinklerCPSMult + (1 - CacheCurrWrinklerCount * 0.05));
   }
   if (CacheWrinklersFattest[1] !== null)
-    if (CMOptions.CalcWrink === 2 && Game.wrinklers[CacheWrinklersFattest[1]].type === 1) {
+    if (
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.CalcWrink === 2 &&
+      Game.wrinklers[CacheWrinklersFattest[1]].type === 1
+    ) {
       return (
         Game.cookiesPs *
         ((CacheCurrWrinklerCPSMult * 3) / CacheCurrWrinklerCount +

src/Disp/HelperFunctions/GetLumpColour.js

@@ -11,23 +11,23 @@ import {
  * 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, color		An array containing the text and display-color of the sugar lump
+ * @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', color: ColourGray };
+    return { text: 'Normal', colour: ColourGray };
   }
   if (type === 1) {
-    return { text: 'Bifurcated', color: ColourGreen };
+    return { text: 'Bifurcated', colour: ColourGreen };
   }
   if (type === 2) {
-    return { text: 'Golden', color: ColourYellow };
+    return { text: 'Golden', colour: ColourYellow };
   }
   if (type === 3) {
-    return { text: 'Meaty', color: ColourOrange };
+    return { text: 'Meaty', colour: ColourOrange };
   }
   if (type === 4) {
-    return { text: 'Caramelized', color: ColourPurple };
+    return { text: 'Caramelized', colour: ColourPurple };
   }
-  return { text: 'Unknown Sugar Lump', color: ColourRed };
+  return { text: 'Unknown Sugar Lump', colour: ColourRed };
 }

src/Disp/HelperFunctions/GetWrinkConfigBank.js

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

src/Disp/HelperFunctions/UpdateAscendState.js

@@ -1,6 +1,6 @@
 import { ToggleTimerBar } from '../../Config/SpecificToggles';
 import ToggleBotBar from '../../Config/Toggles/ToggleBotBar';
-import { CMOptions } from '../../Config/VariablesAndData';
+
 import UpdateBackground from './UpdateBackground';
 
 /**
@@ -10,8 +10,10 @@ import UpdateBackground from './UpdateBackground';
 export default function UpdateAscendState() {
   if (Game.OnAscend) {
     l('game').style.bottom = '0px';
-    if (CMOptions.BotBar === 1) l('CMBotBar').style.display = 'none';
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.BotBar === 1)
-    if (CMOptions.TimerBar === 1) l('CMTimerBar').style.display = 'none';
+      l('CMBotBar').style.display = 'none';
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBar === 1)
+      l('CMTimerBar').style.display = 'none';
   } else {
     ToggleBotBar();
     ToggleTimerBar();

src/Disp/HelperFunctions/UpdateColours.js

@@ -1,4 +1,3 @@
-import { CMOptions } from '../../Config/VariablesAndData';
 import UpdateBuildings from '../BuildingsUpgrades/Buildings';
 import {
   ColourBackPre,
@@ -15,17 +14,23 @@ export default function UpdateColours() {
   let str = '';
   for (let i = 0; i < ColoursOrdering.length; i++) {
     str += `.${ColourTextPre}${ColoursOrdering[i]} { color: ${
-      CMOptions[`Colour${ColoursOrdering[i]}`]
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings[
+        `Colour${ColoursOrdering[i]}`
+      ]
     }; }\n`;
   }
   for (let i = 0; i < ColoursOrdering.length; i++) {
     str += `.${ColourBackPre}${ColoursOrdering[i]} { background-color: ${
-      CMOptions[`Colour${ColoursOrdering[i]}`]
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings[
+        `Colour${ColoursOrdering[i]}`
+      ]
     }; }\n`;
   }
   for (let i = 0; i < ColoursOrdering.length; i++) {
     str += `.${ColourBorderPre}${ColoursOrdering[i]} { border: 1px solid ${
-      CMOptions[`Colour${ColoursOrdering[i]}`]
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings[
+        `Colour${ColoursOrdering[i]}`
+      ]
     }; }\n`;
   }
   l('CMCSS').textContent = str;

src/Disp/InfoBars/BottomBar.js

@@ -1,7 +1,6 @@
 /** Functions related to the Bottom Bar */
 
 import { CacheObjects1, CacheObjects10, CacheObjects100 } from '../../Cache/VariablesAndData';
-import { CMOptions } from '../../Config/VariablesAndData';
 import { VersionMajor, VersionMinor } from '../../Data/Moddata.ts';
 import Beautify from '../BeautifyAndFormatting/Beautify';
 import FormatTime from '../BeautifyAndFormatting/FormatTime';
@@ -34,10 +33,10 @@ export function CreateBotBar() {
   table.style.whiteSpace = 'nowrap';
   const tbody = table.appendChild(document.createElement('tbody'));
 
-  const firstCol = function (text, color) {
+  const firstCol = function (text, colour) {
     const td = document.createElement('td');
     td.style.textAlign = 'right';
-    td.className = ColourTextPre + color;
+    td.className = ColourTextPre + colour;
     td.textContent = text;
     return td;
   };
@@ -62,7 +61,11 @@ export function CreateBotBar() {
  * This function updates the bonus-, pp-, and time-rows in the the bottom bar
  */
 export function UpdateBotBar() {
-  if (CMOptions.BotBar === 1 && CacheObjects1 && Game.buyMode === 1) {
+  if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.BotBar === 1 &&
+    CacheObjects1 &&
+    Game.buyMode === 1
+  ) {
     let count = 0;
     Object.keys(CacheObjects1).forEach((i) => {
       let target = Game.buyBulk;
@@ -83,16 +86,17 @@ export function UpdateBotBar() {
         2,
       );
       l('CMBotBar').firstChild.firstChild.childNodes[2].childNodes[count].className =
-        ColourTextPre + target[i].color;
+        ColourTextPre + target[i].colour;
       let PPString;
-      if (CMOptions.PPDisplayTime) PPString = FormatTime(Math.round(target[i].pp));
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPDisplayTime)
+        PPString = FormatTime(Math.round(target[i].pp));
       else PPString = Beautify(Math.round(target[i].pp), 2);
       l('CMBotBar').firstChild.firstChild.childNodes[2].childNodes[count].textContent = PPString;
       const timeColour = GetTimeColour(
         (Game.Objects[i].bulkPrice - (Game.cookies + GetWrinkConfigBank())) / GetCPS(),
       );
       l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[count].className =
-        ColourTextPre + timeColour.color;
+        ColourTextPre + timeColour.colour;
       if (timeColour.text === 'Done!' && Game.cookies < Game.Objects[i].bulkPrice) {
         l('CMBotBar').firstChild.firstChild.childNodes[3].childNodes[
           count

src/Disp/InfoBars/CreateDOMElements.js

@@ -6,7 +6,7 @@ import { ColourBackPre, ColourBlue, ColourTextPre } from '../VariablesAndData';
  * This function creates an indivudual timer for the timer bar
  * @param	{string}					id					An id to identify the timer
  * @param	{string}					name				The title of the timer
- * @param	[{{string}, {string}}, ...]	bars ([id, color])	The id and colours of individual parts of the timer
+ * @param	[{{string}, {string}}, ...]	bars ([id, colour])	The id and colours of individual parts of the timer
  */
 export function CreateTimer(id, name, bars) {
   const timerBar = document.createElement('div');
@@ -36,20 +36,20 @@ export function CreateTimer(id, name, bars) {
   div.appendChild(type);
 
   for (let i = 0; i < bars.length; i++) {
-    const colorBar = document.createElement('span');
+    const colourBar = document.createElement('span');
-    colorBar.id = bars[i].id;
+    colourBar.id = bars[i].id;
-    colorBar.style.display = 'inline-block';
+    colourBar.style.display = 'inline-block';
-    colorBar.style.height = '10px';
+    colourBar.style.height = '10px';
-    colorBar.style.verticalAlign = 'text-top';
+    colourBar.style.verticalAlign = 'text-top';
-    colorBar.style.textAlign = 'center';
+    colourBar.style.textAlign = 'center';
     if (bars.length - 1 === i) {
-      colorBar.style.borderTopRightRadius = '10px';
+      colourBar.style.borderTopRightRadius = '10px';
-      colorBar.style.borderBottomRightRadius = '10px';
+      colourBar.style.borderBottomRightRadius = '10px';
     }
-    if (typeof bars[i].color !== 'undefined') {
+    if (typeof bars[i].colour !== 'undefined') {
-      colorBar.className = ColourBackPre + bars[i].color;
+      colourBar.className = ColourBackPre + bars[i].colour;
     }
-    div.appendChild(colorBar);
+    div.appendChild(colourBar);
   }
 
   const timer = document.createElement('span');

src/Disp/InfoBars/TimerBar.js

@@ -1,7 +1,6 @@
 /** Functions related to the Timer Bar */
 
 import { UpdateBotTimerBarPosition } from '../../Config/SpecificToggles';
-import { CMOptions } from '../../Config/VariablesAndData';
 import {
   BuffColours,
   ColourBackPre,
@@ -27,21 +26,21 @@ export function CreateTimerBar() {
 
   // Create standard Autosave bar
   const CMTimerBarAutosave = CreateTimer('CMTimerBarAutosave', 'Autosave', [
-    { id: 'CMTimerBarAutosaveBar', color: ColourPurple },
+    { id: 'CMTimerBarAutosaveBar', colour: ColourPurple },
   ]);
   TimerBar.appendChild(CMTimerBarAutosave);
 
   // Create standard Golden Cookie bar
   const CMTimerBarGC = CreateTimer('CMTimerBarGC', 'Next Cookie', [
-    { id: 'CMTimerBarGCMinBar', color: ColourGray },
+    { id: 'CMTimerBarGCMinBar', colour: ColourGray },
-    { id: 'CMTimerBarGCBar', color: ColourPurple },
+    { id: 'CMTimerBarGCBar', colour: ColourPurple },
   ]);
   TimerBar.appendChild(CMTimerBarGC);
 
   // Create standard Reindeer bar
   const CMTimerBarRen = CreateTimer('CMTimerBarRen', 'Next Reindeer', [
-    { id: 'CMTimerBarRenMinBar', color: ColourGray },
+    { id: 'CMTimerBarRenMinBar', colour: ColourGray },
-    { id: 'CMTimerBarRenBar', color: ColourOrange },
+    { id: 'CMTimerBarRenBar', colour: ColourOrange },
   ]);
   TimerBar.appendChild(CMTimerBarRen);
   const TimerBarBuffTimers = document.createElement('div');
@@ -55,14 +54,17 @@ export function CreateTimerBar() {
  * This function updates indivudual timers in the timer bar
  */
 export function UpdateTimerBar() {
-  if (CMOptions.TimerBar === 1) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBar === 1) {
     // label width: 113, timer width: 30, div margin: 20
     const maxWidthTwoBar = l('CMTimerBar').offsetWidth - 163;
     // label width: 113, div margin: 20, calculate timer width at runtime
     const maxWidthOneBar = l('CMTimerBar').offsetWidth - 133;
     let numberOfTimers = 0;
 
-    if (CMOptions.AutosaveTimerBar && Game.prefs.autosave) {
+    if (
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AutosaveTimerBar &&
+      Game.prefs.autosave
+    ) {
       const timeTillNextAutosave =
         (Game.fps * 60 - (Game.OnAscend ? 0 : Game.T % (Game.fps * 60))) / Game.fps;
       l('CMTimerBarAutosave').style.display = '';
@@ -71,7 +73,9 @@ export function UpdateTimerBar() {
           (maxWidthOneBar - Math.ceil(timeTillNextAutosave).toString().length * 8)) /
           60,
       )}px`;
-      if (CMOptions.TimerBarOverlay >= 1) {
+      if (
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBarOverlay >= 1
+      ) {
         l('CMTimerBarAutosaveBar').textContent = Math.ceil(timeTillNextAutosave);
       } else l('CMTimerBarAutosaveBar').textContent = '';
       l('CMTimerBarAutosaveTime').textContent = Math.ceil(timeTillNextAutosave);
@@ -86,7 +90,7 @@ export function UpdateTimerBar() {
           maxWidthTwoBar) /
           Game.shimmerTypes.golden.maxTime,
       )}px`;
-      if (CMOptions.TimerBarOverlay >= 1)
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBarOverlay >= 1)
         l('CMTimerBarGCMinBar').textContent = Math.ceil(
           (Game.shimmerTypes.golden.minTime - Game.shimmerTypes.golden.time) / Game.fps,
         );
@@ -106,7 +110,7 @@ export function UpdateTimerBar() {
           maxWidthTwoBar) /
           Game.shimmerTypes.golden.maxTime,
       )}px`;
-      if (CMOptions.TimerBarOverlay >= 1)
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBarOverlay >= 1)
         l('CMTimerBarGCBar').textContent = Math.ceil(
           Math.min(
             Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.minTime,
@@ -114,9 +118,17 @@ export function UpdateTimerBar() {
           ) / Game.fps,
         );
       else l('CMTimerBarGCBar').textContent = '';
-      l('CMTimerBarGCTime').textContent = Math.ceil(
+      const chanceToSpawn =
+        Math.max(
+          0,
+          (Game.shimmerTypes.golden.time - Game.shimmerTypes.golden.minTime) /
+            (Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.minTime),
+        ) ** 5;
+      l('CMTimerBarGCTime').textContent = `${Math.ceil(
         (Game.shimmerTypes.golden.maxTime - Game.shimmerTypes.golden.time) / Game.fps,
-      );
+      )} ${chanceToSpawn < 0.01 ? '<' : ''}${chanceToSpawn.toLocaleString('en', {
+        style: 'percent',
+      })}`;
       numberOfTimers += 1;
     } else l('CMTimerBarGC').style.display = 'none';
 
@@ -128,7 +140,7 @@ export function UpdateTimerBar() {
           maxWidthTwoBar) /
           Game.shimmerTypes.reindeer.maxTime,
       )}px`;
-      if (CMOptions.TimerBarOverlay >= 1)
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBarOverlay >= 1)
         l('CMTimerBarRenMinBar').textContent = Math.ceil(
           (Game.shimmerTypes.reindeer.minTime - Game.shimmerTypes.reindeer.time) / Game.fps,
         );
@@ -141,7 +153,7 @@ export function UpdateTimerBar() {
           maxWidthTwoBar) /
           Game.shimmerTypes.reindeer.maxTime,
       )}px`;
-      if (CMOptions.TimerBarOverlay >= 1)
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBarOverlay >= 1)
         l('CMTimerBarRenBar').textContent = Math.ceil(
           Math.min(
             Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.minTime,
@@ -149,9 +161,17 @@ export function UpdateTimerBar() {
           ) / Game.fps,
         );
       else l('CMTimerBarRenBar').textContent = '';
-      l('CMTimerBarRenTime').textContent = Math.ceil(
+      const chanceToSpawn =
+        Math.max(
+          0,
+          (Game.shimmerTypes.reindeer.time - Game.shimmerTypes.reindeer.minTime) /
+            (Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.minTime),
+        ) ** 5;
+      l('CMTimerBarRenTime').textContent = `${Math.ceil(
         (Game.shimmerTypes.reindeer.maxTime - Game.shimmerTypes.reindeer.time) / Game.fps,
-      );
+      )} ${chanceToSpawn < 0.01 ? '<' : ''}${chanceToSpawn.toLocaleString('en', {
+        style: 'percent',
+      })}`;
       numberOfTimers += 1;
     } else {
       l('CMTimerBarRen').style.display = 'none';
@@ -167,13 +187,15 @@ export function UpdateTimerBar() {
         ]);
         timer.style.display = '';
         let classColour = '';
-        // Gives specific timers specific colors
+        // Gives specific timers specific colours
         if (typeof BuffColours[Game.buffs[i].name] !== 'undefined') {
           classColour = BuffColours[Game.buffs[i].name];
         } else classColour = ColourPurple;
         timer.lastChild.children[1].className = ColourBackPre + classColour;
         timer.lastChild.children[1].style.color = 'black';
-        if (CMOptions.TimerBarOverlay === 2)
+        if (
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TimerBarOverlay === 2
+        )
           timer.lastChild.children[1].textContent = `${Math.round(
             100 * (Game.buffs[i].time / Game.buffs[i].maxTime),
           )}%`;

src/Disp/MenuSections/AddMenus.js

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

src/Disp/MenuSections/Info/InfoPage.js

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

src/Disp/MenuSections/Prompt.js

@@ -1,22 +0,0 @@
-/** Creates a Prompt similar to the base game without some of the stuff breaking them */
-export default function CookieMonsterPrompt(content, options) {
-  Game.promptWrapL.className = 'framed';
-  const str = content;
-  Game.promptL.innerHTML = `${str}<div class="optionBox"></div>`;
-  Object.keys(options).forEach((i) => {
-    const option = document.createElement('a');
-    option.id = `promptOption${i}`;
-    option.className = 'option';
-    option.onclick = function () {
-      PlaySound('snd/tick.mp3');
-      options[i][1]();
-    };
-    option.textContent = options[i][0];
-    Game.promptL.children[1].appendChild(option);
-  });
-  Game.promptAnchorL.style.display = 'block';
-  Game.darkenL.style.display = 'block';
-  Game.promptL.focus();
-  Game.promptOn = 1;
-  Game.UpdatePrompt();
-}

src/Disp/MenuSections/Refreshmenu.js

@@ -1,12 +1,10 @@
-import { CMOptions } from '../../Config/VariablesAndData';
-
 /**
  * This function refreshes the stats page, CM.Options.UpStats determines the rate at which that happens
  * It is called by CM.Disp.Draw()
  */
 export default function RefreshMenu() {
   if (
-    CMOptions.UpStats &&
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.UpStats &&
     Game.onMenu === 'stats' &&
     (Game.drawT - 1) % (Game.fps * 5) !== 0 &&
     (Game.drawT - 1) % Game.fps === 0

src/Disp/MenuSections/Settings/CreateHeader.js

@@ -1,35 +0,0 @@
-import { ToggleHeader } from '../../../Config/ToggleSetting';
-import { CMOptions } from '../../../Config/VariablesAndData';
-
-/**
- * This function creates a header-object for the options page
- * @param 	{string}		config	The name of the Config-group
- * @param 	{string}		text	The to-be displayed name of the header
- * @returns	{object}		div		The header object
- */
-export default function CreatePrefHeader(config, text) {
-  const div = document.createElement('div');
-  div.className = 'title';
-
-  div.style.opacity = '0.7';
-  div.style.fontSize = '17px';
-  div.appendChild(document.createTextNode(`${text} `));
-  const span = document.createElement('span'); // Creates the +/- button
-  span.style.cursor = 'pointer';
-  span.style.display = 'inline-block';
-  span.style.height = '14px';
-  span.style.width = '14px';
-  span.style.borderRadius = '7px';
-  span.style.textAlign = 'center';
-  span.style.backgroundColor = '#C0C0C0';
-  span.style.color = 'black';
-  span.style.fontSize = '13px';
-  span.style.verticalAlign = 'middle';
-  span.textContent = CMOptions.Header[config] ? '-' : '+';
-  span.onclick = function () {
-    ToggleHeader(config);
-    Game.UpdateMenu();
-  };
-  div.appendChild(span);
-  return div;
-}

src/Disp/MenuSections/Settings/CreateOption.js

@@ -1,228 +0,0 @@
-import jscolor, * as JsColor from '@eastdesire/jscolor';
-import ToggleFavouriteSetting from '../../../Config/Toggles/ToggleFavourites';
-import { SaveConfig } from '../../../Config/SaveLoadReload/SaveLoadReloadSettings';
-import { ConfigPrefix, ToggleConfig, ToggleConfigVolume } from '../../../Config/ToggleSetting';
-import { CMOptions } from '../../../Config/VariablesAndData';
-import {} from '../../../Data/Sectionheaders.ts';
-import Config from '../../../Data/SettingsData';
-import RefreshScale from '../../HelperFunctions/RefreshScale';
-import UpdateColours from '../../HelperFunctions/UpdateColours';
-import Flash from '../../Notifications/Flash';
-import PlaySound from '../../Notifications/Sound';
-import { FavouriteSettings, SimpleTooltipElements } from '../../VariablesAndData';
-import CookieMonsterPrompt from '../Prompt';
-
-/**
- * This function creates the favourite setting star object
- * @param 	{string}		config	The name of the option
- * @returns	{object}		div		The option object
- */
-function CreateFavouriteStar(config) {
-  const FavStar = document.createElement('a');
-  if (FavouriteSettings.includes(config)) {
-    FavStar.innerText = '★';
-    FavStar.style.color = 'yellow';
-  } else FavStar.innerText = '☆';
-  FavStar.className = 'option';
-  FavStar.onclick = function () {
-    ToggleFavouriteSetting(config);
-    SaveConfig();
-    Game.UpdateMenu();
-  };
-  FavStar.onmouseover = function () {
-    Game.tooltip.draw(this, escape(SimpleTooltipElements.FavouriteSettingPlaceholder.innerHTML));
-  };
-  FavStar.onmouseout = function () {
-    Game.tooltip.hide();
-  };
-  FavStar.appendChild(document.createTextNode(' '));
-  return FavStar;
-}
-
-/**
- * This function creates an option-object for the options page
- * @param 	{string}		config	The name of the option
- * @returns	{object}		div		The option object
- */
-export default function CreatePrefOption(config) {
-  const div = document.createElement('div');
-  div.className = 'listing';
-  if (CMOptions.FavouriteSettings === 1) {
-    div.appendChild(CreateFavouriteStar(config));
-  }
-  if (Config[config].type === 'bool') {
-    const a = document.createElement('a');
-    if (Config[config].toggle && CMOptions[config] === 0) {
-      a.className = 'option off';
-    } else {
-      a.className = 'option';
-    }
-    a.id = ConfigPrefix + config;
-    a.onclick = function () {
-      ToggleConfig(config);
-      Game.UpdateMenu();
-    };
-    a.textContent = Config[config].label[CMOptions[config]];
-    div.appendChild(a);
-    const label = document.createElement('label');
-    label.textContent = Config[config].desc;
-    label.style.lineHeight = '1.6';
-    div.appendChild(label);
-    return div;
-  }
-  if (Config[config].type === 'vol') {
-    const volume = document.createElement('div');
-    volume.className = 'sliderBox';
-    const title = document.createElement('div');
-    title.style.float = 'left';
-    title.innerHTML = Config[config].desc;
-    volume.appendChild(title);
-    const percent = document.createElement('div');
-    percent.id = `slider${config}right`;
-    percent.style.float = 'right';
-    percent.innerHTML = `${CMOptions[config]}%`;
-    volume.appendChild(percent);
-    const slider = document.createElement('input');
-    slider.className = 'slider';
-    slider.id = `slider${config}`;
-    slider.style.clear = 'both';
-    slider.type = 'range';
-    slider.min = '0';
-    slider.max = '100';
-    slider.step = '1';
-    slider.value = CMOptions[config];
-    slider.oninput = function () {
-      ToggleConfigVolume(config);
-      Game.UpdateMenu();
-    };
-    slider.onchange = function () {
-      ToggleConfigVolume(config);
-      Game.UpdateMenu();
-    };
-    volume.appendChild(slider);
-    div.appendChild(volume);
-    const a = document.createElement('a');
-    a.className = 'option';
-    a.onclick = function () {
-      PlaySound(
-        CMOptions[config.replace('Volume', 'SoundURL')],
-        config.replace('Volume', 'Sound'),
-        config,
-        true,
-      );
-    };
-    a.textContent = 'Test sound';
-    div.appendChild(a);
-    return div;
-  }
-  if (Config[config].type === 'url') {
-    const span = document.createElement('span');
-    span.className = 'option';
-    span.textContent = `${Config[config].label} `;
-    span.style.lineHeight = '1.6';
-    div.appendChild(span);
-    const input = document.createElement('input');
-    input.id = ConfigPrefix + config;
-    input.className = 'option';
-    input.type = 'text';
-    input.readOnly = true;
-    input.setAttribute('value', CMOptions[config]);
-    input.style.width = '300px';
-    div.appendChild(input);
-    div.appendChild(document.createTextNode(' '));
-    const inputPrompt = document.createElement('input');
-    inputPrompt.id = `${ConfigPrefix + config}Prompt`;
-    inputPrompt.className = 'option';
-    inputPrompt.type = 'text';
-    inputPrompt.setAttribute('value', CMOptions[config]);
-    const a = document.createElement('a');
-    a.className = 'option';
-    a.onclick = function () {
-      CookieMonsterPrompt(inputPrompt.outerHTML, [
-        [
-          'Save',
-          function () {
-            CMOptions[config] = l(`${ConfigPrefix}${config}Prompt`).value;
-            SaveConfig();
-            Game.ClosePrompt();
-            Game.UpdateMenu();
-          },
-        ],
-        [
-          'Cancel',
-          function () {
-            Game.ClosePrompt();
-          },
-        ],
-      ]);
-    };
-    a.textContent = 'Edit';
-    div.appendChild(a);
-    const label = document.createElement('label');
-    label.textContent = Config[config].desc;
-    label.style.lineHeight = '1.6';
-    div.appendChild(label);
-    return div;
-  }
-  if (Config[config].type === 'colour') {
-    const innerSpan = document.createElement('span');
-    innerSpan.className = 'option';
-    const input = document.createElement('input');
-    input.id = config;
-    input.style.width = '65px';
-    input.setAttribute('value', CMOptions[config]);
-    innerSpan.appendChild(input);
-    const change = function () {
-      CMOptions[this.targetElement.id] = this.toHEXString();
-      UpdateColours();
-      SaveConfig();
-      Game.UpdateMenu();
-    };
-    // eslint-disable-next-line no-new
-    new JsColor(input, { hash: true, position: 'right', onInput: change });
-    const label = document.createElement('label');
-    label.textContent = Config[config].desc;
-    label.style.lineHeight = '1.6';
-    innerSpan.appendChild(label);
-    if (config.includes('Flash')) {
-      const a = document.createElement('a');
-      a.className = 'option';
-      a.onclick = function () {
-        Flash(3, config.replace('Colour', ''), true);
-      };
-      a.textContent = 'Test flash';
-      innerSpan.appendChild(a);
-    }
-    div.appendChild(innerSpan);
-    jscolor.init();
-    return div;
-  }
-  if (Config[config].type === 'numscale') {
-    const span = document.createElement('span');
-    span.className = 'option';
-    span.textContent = `${Config[config].label} `;
-    span.style.lineHeight = '1.6';
-    div.appendChild(span);
-    const input = document.createElement('input');
-    input.id = ConfigPrefix + config;
-    input.className = 'option';
-    input.type = 'number';
-    input.value = CMOptions[config];
-    input.min = Config[config].min;
-    input.max = Config[config].max;
-    input.oninput = function () {
-      CMOptions[config] = this.value;
-      SaveConfig();
-      RefreshScale();
-      Game.UpdateMenu();
-    };
-    div.appendChild(input);
-    div.appendChild(document.createTextNode(' '));
-    const label = document.createElement('label');
-    label.textContent = Config[config].desc;
-    label.style.lineHeight = '1.6';
-    div.appendChild(label);
-    return div;
-  }
-  return div;
-}

src/Disp/MenuSections/Settings/SettingsPage.js

@@ -1,69 +0,0 @@
-import { LoadConfig } from '../../../Config/SaveLoadReload/SaveLoadReloadSettings';
-import { CMOptions } from '../../../Config/VariablesAndData';
-import { ConfigGroups, ConfigGroupsNotification } from '../../../Data/Sectionheaders.ts';
-import Config from '../../../Data/SettingsData';
-import ConfigDefault from '../../../Data/SettingsDefault.ts';
-import { FavouriteSettings } from '../../VariablesAndData';
-import CreatePrefHeader from './CreateHeader';
-import CreatePrefOption from './CreateOption';
-
-/**
- * This function adds the options/settings of CookieMonster to the options page
- * It is called by CM.Disp.AddMenu
- * @param {object} title	On object that includes the title of the menu
- */
-export default function AddMenuPref(title) {
-  const frag = document.createDocumentFragment();
-  frag.appendChild(title);
-
-  Object.keys(ConfigGroups).forEach((group) => {
-    if (group === 'Favourite') {
-      if (FavouriteSettings.length !== 0 && CMOptions.FavouriteSettings > 0) {
-        frag.appendChild(CreatePrefHeader(group, ConfigGroups[group])); // (group, display-name of group)
-        if (CMOptions.Header[group])
-          for (let index = 0; index < FavouriteSettings.length; index++) {
-            frag.appendChild(CreatePrefOption(FavouriteSettings[index]));
-          }
-      }
-    } else {
-      frag.appendChild(CreatePrefHeader(group, ConfigGroups[group])); // (group, display-name of group)
-      if (CMOptions.Header[group]) {
-        // 0 is show, 1 is collapsed
-        // Make sub-sections of Notification section
-        if (group === 'Notification') {
-          Object.keys(ConfigGroupsNotification).forEach((subGroup) => {
-            const subGroupObject = CreatePrefHeader(subGroup, ConfigGroupsNotification[subGroup]); // (group, display-name of group)
-            subGroupObject.style.fontSize = '15px';
-            subGroupObject.style.opacity = '0.5';
-            frag.appendChild(subGroupObject);
-            if (CMOptions.Header[subGroup]) {
-              Object.keys(Config).forEach((option) => {
-                if (Config[option].group === subGroup) frag.appendChild(CreatePrefOption(option));
-              });
-            }
-          });
-        } else {
-          Object.keys(Config).forEach((option) => {
-            if (Config[option].group === group) frag.appendChild(CreatePrefOption(option));
-          });
-        }
-      }
-    }
-  });
-
-  const resDef = document.createElement('div');
-  resDef.className = 'listing';
-  const resDefBut = document.createElement('a');
-  resDefBut.className = 'option';
-  resDefBut.onclick = function () {
-    LoadConfig(ConfigDefault);
-  };
-  resDefBut.textContent = 'Restore Default';
-  resDef.appendChild(resDefBut);
-  frag.appendChild(resDef);
-
-  l('menu').childNodes[2].insertBefore(
-    frag,
-    l('menu').childNodes[2].childNodes[l('menu').childNodes[2].childNodes.length - 1],
-  );
-}

src/Disp/MenuSections/Statistics/AddStatsPage.js

@@ -4,7 +4,6 @@ import { AddMissingUpgrades } from './CreateMissingUpgrades';
 import * as CreateSections from './CreateStatsSections';
 import * as CreateElements from './CreateDOMElements';
 import * as GameData from '../../../Data/Gamedata.ts';
-import { CMOptions } from '../../../Config/VariablesAndData';
 
 import {
   CacheAverageClicks,
@@ -31,37 +30,37 @@ export default function AddMenuStats(title) {
   stats.appendChild(title);
 
   stats.appendChild(CreateElements.StatsHeader('Lucky Cookies', 'Lucky'));
-  if (CMOptions.Header.Lucky) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.Lucky) {
     stats.appendChild(CreateSections.LuckySection());
   }
 
   stats.appendChild(CreateElements.StatsHeader('Chain Cookies', 'Chain'));
-  if (CMOptions.Header.Chain) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.Chain) {
     stats.appendChild(CreateSections.ChainSection());
   }
 
   if (Game.Objects['Wizard tower'].minigameLoaded) {
     stats.appendChild(CreateElements.StatsHeader('Spells', 'Spells'));
-    if (CMOptions.Header.Spells) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.Spells) {
       stats.appendChild(CreateSections.SpellsSection());
     }
   }
 
   if (Game.Objects.Farm.minigameLoaded) {
     stats.appendChild(CreateElements.StatsHeader('Garden', 'Garden'));
-    if (CMOptions.Header.Garden) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.Garden) {
       stats.appendChild(CreateSections.GardenSection());
     }
   }
 
   stats.appendChild(CreateElements.StatsHeader('Prestige', 'Prestige'));
-  if (CMOptions.Header.Prestige) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.Prestige) {
     stats.appendChild(CreateSections.PrestigeSection());
   }
 
   if (Game.cpsSucked > 0) {
     stats.appendChild(CreateElements.StatsHeader('Wrinklers', 'Wrink'));
-    if (CMOptions.Header.Wrink) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.Wrink) {
       const popAllFrag = document.createDocumentFragment();
       popAllFrag.appendChild(
         document.createTextNode(
@@ -102,7 +101,7 @@ export default function AddMenuStats(title) {
   stats.appendChild(CreateSections.SeasonSection());
 
   stats.appendChild(CreateElements.StatsHeader('Achievements', 'Achievs'));
-  if (CMOptions.Header.Achievs) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.Achievs) {
     Object.keys(Game.Objects).forEach((i) => {
       const ObjectsTillNext = CacheObjectsNextAchievement[i];
       stats.appendChild(
@@ -110,7 +109,11 @@ export default function AddMenuStats(title) {
           'basic',
           i,
           ObjectsTillNext.AmountNeeded < 101
-            ? document.createTextNode(`Next achievement in ${ObjectsTillNext.AmountNeeded}, price: ${Beautify(ObjectsTillNext.price)}`)
+            ? document.createTextNode(
+                `Next achievement in ${ObjectsTillNext.AmountNeeded}, price: ${Beautify(
+                  ObjectsTillNext.price,
+                )}`,
+              )
             : document.createTextNode('No new achievement for next 100 buildings'),
         ),
       );
@@ -118,15 +121,26 @@ export default function AddMenuStats(title) {
   }
 
   stats.appendChild(CreateElements.StatsHeader('Miscellaneous', 'Misc'));
-  if (CMOptions.Header.Misc) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.Misc) {
     stats.appendChild(
       CreateElements.StatsListing(
         'basic',
         `Average cookies per second (past ${
-          CookieTimes[CMOptions.AvgCPSHist] < 60
+          CookieTimes[
-            ? `${CookieTimes[CMOptions.AvgCPSHist]} seconds`
+            Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgCPSHist
-            : CookieTimes[CMOptions.AvgCPSHist] / 60 +
+          ] < 60
-              (CMOptions.AvgCPSHist === 3 ? ' minute' : ' minutes')
+            ? `${
+                CookieTimes[
+                  Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgCPSHist
+                ]
+              } seconds`
+            : CookieTimes[
+                Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgCPSHist
+              ] /
+                60 +
+              (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgCPSHist === 3
+                ? ' minute'
+                : ' minutes')
         })`,
         document.createTextNode(Beautify(GetCPS(), 3)),
       ),
@@ -134,8 +148,14 @@ export default function AddMenuStats(title) {
     stats.appendChild(
       CreateElements.StatsListing(
         'basic',
-        `Average cookie clicks per second (past ${ClickTimes[CMOptions.AvgClicksHist]}${
+        `Average cookie clicks per second (past ${
-          CMOptions.AvgClicksHist === 0 ? ' second' : ' seconds'
+          ClickTimes[
+            Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgClicksHist
+          ]
+        }${
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgClicksHist === 0
+            ? ' second'
+            : ' seconds'
         })`,
         document.createTextNode(Beautify(CacheAverageClicks, 1)),
       ),
@@ -143,13 +163,22 @@ export default function AddMenuStats(title) {
     stats.appendChild(
       CreateElements.StatsListing(
         'basic',
-        `Cookies from clicking (past ${ClickTimes[CMOptions.AvgClicksHist]}${
+        `Cookies from clicking (past ${
-          CMOptions.AvgClicksHist === 0 ? ' second' : ' seconds'
+          ClickTimes[
+            Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgClicksHist
+          ]
+        }${
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgClicksHist === 0
+            ? ' second'
+            : ' seconds'
         })`,
         document.createTextNode(
           Beautify(
             CacheAverageCookiesFromClicks.calcSum(
-              CacheAverageClicks * ClickTimes[CMOptions.AvgClicksHist],
+              CacheAverageClicks *
+                ClickTimes[
+                  Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.AvgClicksHist
+                ],
             ),
           ),
         ),
@@ -171,7 +200,7 @@ export default function AddMenuStats(title) {
           ),
         );
     }
-    if (CMOptions.ShowMissedGC) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ShowMissedGC) {
       stats.appendChild(
         CreateElements.StatsListing(
           'basic',
@@ -193,10 +222,10 @@ export default function AddMenuStats(title) {
 
   l('menu').insertBefore(stats, l('menu').childNodes[2]);
 
-  if (CMOptions.MissingUpgrades) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.MissingUpgrades) {
     AddMissingUpgrades();
   }
-  if (CMOptions.MissingAchievements) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.MissingAchievements) {
     AddMissingAchievements();
   }
 }

src/Disp/MenuSections/Statistics/CreateDOMElements.js

@@ -1,7 +1,7 @@
 /** Section: Functions related to the creation of basic DOM elements page */
 
 import { ToggleHeader } from '../../../Config/ToggleSetting';
-import { CMOptions } from '../../../Config/VariablesAndData';
+
 import { SimpleTooltipElements } from '../../VariablesAndData';
 
 /**
@@ -30,7 +30,9 @@ export function StatsHeader(text, config) {
   span.style.color = 'black';
   span.style.fontSize = '13px';
   span.style.verticalAlign = 'middle';
-  span.textContent = CMOptions.Header[config] ? '-' : '+';
+  span.textContent = Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers[config]
+    ? '-'
+    : '+';
   span.onclick = function () {
     ToggleHeader(config);
     Game.UpdateMenu();
@@ -99,7 +101,9 @@ export function StatsMissDispListing(type, name, text, current) {
 
   const listingName = document.createElement('b');
   listingName.textContent = name;
-  if (current === true) listingName.style.color = CMOptions.ColourGreen;
+  if (current === true)
+    listingName.style.color =
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ColourGreen;
   div.appendChild(listingName);
   div.appendChild(document.createTextNode(': '));
   div.appendChild(text);

src/Disp/MenuSections/Statistics/CreateMissingAchievements.js

@@ -1,5 +1,3 @@
-import { CMOptions } from '../../../Config/VariablesAndData';
-
 function CrateTooltipLockedAchievements(me) {
   const tags = [];
   if (me.pool === 'shadow') tags.push('Shadow Achievement', '#9700cf');
@@ -51,7 +49,7 @@ export default function AddMissingAchievements() {
       achievs = i.parentElement.querySelectorAll('div.listing.crateBox')[0];
     }
   });
-  if (CMOptions.MissingAchievements) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.MissingAchievements) {
     Object.values(achievs.children).forEach((achievsCrate) => {
       if (!achievsCrate.className.includes('enabled')) {
         const id = achievsCrate.onclick.toString().split(/\[(.*)\]/gi)[1];

src/Disp/MenuSections/Statistics/CreateStatsSections.js

@@ -36,7 +36,6 @@ import {
   CacheWrathCookiesMult,
   CacheWrinklersTotal,
 } from '../../../Cache/VariablesAndData';
-import { CMOptions } from '../../../Config/VariablesAndData';
 import ResetBonus from '../../../Sim/SimulationEvents/ResetAscension';
 import GetCPS from '../../HelperFunctions/GetCPS';
 import GetWrinkConfigBank from '../../HelperFunctions/GetWrinkConfigBank';
@@ -567,7 +566,9 @@ export function PrestigeSection() {
     ),
   );
 
-  const HCTarget = Number(CMOptions.HeavenlyChipsTarget);
+  const HCTarget = Number(
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.HeavenlyChipsTarget,
+  );
   if (!Number.isNaN(HCTarget)) {
     const CookiesTillTarget =
       HCTarget - Math.floor(Game.HowMuchPrestige(Game.cookiesReset + Game.cookiesEarned));
@@ -699,7 +700,7 @@ export function SeasonSection() {
 
   if (Game.season === 'christmas' || specDisp || choEgg || centEgg) {
     section.appendChild(StatsHeader('Season Specials', 'Sea'));
-    if (CMOptions.Header.Sea) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.Sea) {
       if (missingHalloweenCookies.length !== 0) {
         section.appendChild(
           StatsMissDispListing(

src/Disp/MenuSections/createMenuInfo.js

@@ -0,0 +1,21 @@
+import { menuFunctions } from '@cookiemonsterteam/cookiemonsterframework';
+import { LatestReleaseNotes, ModDescription } from '../../Data/Moddata.ts';
+
+/**
+ * Creates the <div> to be added to the Info section
+ * @returns {object} menuDiv	Object of the <div> of Cookie Monster in info tab
+ */
+export default function createMenuInfo() {
+  const menuDiv = menuFunctions.createModMenuSection(
+    'cookieMonsterMod',
+    'Cookie Monster',
+    'infoMenu',
+  );
+
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.infoMenu) {
+    menuDiv.appendChild(menuFunctions.listings.createInfoListing(ModDescription));
+    menuDiv.appendChild(menuFunctions.listings.createInfoListing(LatestReleaseNotes));
+  }
+
+  return menuDiv;
+}

src/Disp/MenuSections/createMenuOptions.js

@@ -0,0 +1,96 @@
+import { menuFunctions as mF } from '@cookiemonsterteam/cookiemonsterframework';
+import { ConfigGroups, ConfigGroupsNotification } from '../../Data/Sectionheaders.ts';
+import settings from '../../Data/settings';
+import UpdateColours from '../HelperFunctions/UpdateColours';
+import RefreshScale from '../HelperFunctions/RefreshScale';
+
+/**
+ * Creates the <div> to be added to the Options section
+ * @returns {object} menuDiv	Object of the <div> of Cookie Monster in options tab
+ */
+export default function createMenuOptions() {
+  const menuDiv = mF.createModMenuSection('cookieMonsterMod', 'Cookie Monster', 'optionsMenu');
+
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers.optionsMenu) {
+    Object.keys(ConfigGroups).forEach((group) => {
+      if (group === 'Favourite') {
+        if (
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.favouriteSettings.length !==
+            0 &&
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.FavouriteSettings > 0
+        ) {
+          menuDiv.appendChild(
+            mF.listings.createOptionsSubHeader('cookieMonsterMod', group, ConfigGroups[group]),
+          );
+          if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers[group])
+            for (
+              let index = 0;
+              index <
+              Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.favouriteSettings.length;
+              index++
+            ) {
+              menuDiv.appendChild(
+                mF.listings.createOptionsListing(
+                  'cookieMonsterMod',
+                  Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.favouriteSettings[
+                    index
+                  ],
+                  settings,
+                  UpdateColours,
+                  RefreshScale,
+                ),
+              );
+            }
+        }
+      } else {
+        menuDiv.appendChild(
+          mF.listings.createOptionsSubHeader('cookieMonsterMod', group, ConfigGroups[group]),
+        );
+        if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers[group]) {
+          // 0 is show, 1 is collapsed
+          // Make sub-sections of Notification section
+          if (group === 'Notification') {
+            Object.keys(ConfigGroupsNotification).forEach((subGroup) => {
+              const subGroupObject = mF.listings.createOptionsSubHeader(
+                'cookieMonsterMod',
+                subGroup,
+                ConfigGroupsNotification[subGroup],
+              );
+              subGroupObject.style.fontSize = '15px';
+              subGroupObject.style.opacity = '0.5';
+              menuDiv.appendChild(subGroupObject);
+              if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.headers[subGroup]) {
+                Object.keys(settings).forEach((option) => {
+                  if (settings[option].group === subGroup)
+                    menuDiv.appendChild(
+                      mF.listings.createOptionsListing(
+                        'cookieMonsterMod',
+                        option,
+                        settings,
+                        UpdateColours,
+                        RefreshScale,
+                      ),
+                    );
+                });
+              }
+            });
+          } else {
+            Object.keys(settings).forEach((option) => {
+              if (settings[option].group === group)
+                menuDiv.appendChild(
+                  mF.listings.createOptionsListing(
+                    'cookieMonsterMod',
+                    option,
+                    settings,
+                    UpdateColours,
+                    RefreshScale,
+                  ),
+                );
+            });
+          }
+        }
+      }
+    });
+  }
+  return menuDiv;
+}

src/Disp/Notifications/Flash.js

@@ -1,36 +0,0 @@
-import { CMOptions } from '../../Config/VariablesAndData';
-import { isInitializing } from '../../InitSaveLoad/Variables';
-
-/**
- * This function creates a flash depending on configs. It is called by all functions
- * that check game-events and which have settings for Flashes (e.g., Golden Cookies appearing, Magic meter being full)
- * @param	{number}	mode	Sets the intensity of the flash, used to recursively dim flash
- * 								All calls of function have use mode === 3
- * @param	{string}	config	The setting in CM.Options that is checked before creating the flash
- * @param	{bool}    forced		Whether the sound should play regardless of settings, used to test the sound
- */
-export default function Flash(mode, config, forced) {
-  // The arguments check makes the sound not play upon initialization of the mod
-  if (
-    ((CMOptions[config] === 1 || forced) && mode === 3 && isInitializing === false) ||
-    mode === 1
-  ) {
-    l('CMFlashScreen').style.backgroundColor = CMOptions[`Colour${config}`];
-    l('CMFlashScreen').style.opacity = '0.5';
-    if (mode === 3) {
-      l('CMFlashScreen').style.display = 'inline';
-      setTimeout(() => {
-        Flash(2, config, true);
-      }, 1000 / Game.fps);
-    } else {
-      setTimeout(() => {
-        Flash(0, config, true);
-      }, 1000 / Game.fps);
-    }
-  } else if (mode === 2) {
-    l('CMFlashScreen').style.opacity = '1';
-    setTimeout(() => {
-      Flash(1, config, true);
-    }, 1000 / Game.fps);
-  } else if (mode === 0) l('CMFlashScreen').style.display = 'none';
-}

src/Disp/Notifications/Notification.js

@@ -1,24 +0,0 @@
-/** Functions related to the flashes/sound/notifications */
-
-import { CMOptions } from '../../Config/VariablesAndData';
-import { isInitializing } from '../../InitSaveLoad/Variables';
-
-/**
- * This function creates a notifcation depending on configs. It is called by all functions
- * that check game-events and which have settings for notifications (e.g., Golden Cookies appearing, Magic meter being full)
- * @param	{string}	notifyConfig	The setting in CM.Options that is checked before creating the notification
- * @param	{string}	title			The title of the to-be created notifications
- * @param	{string}	message			The text of the to-be created notifications
- */
-export default function CreateNotification(notifyConfig, title, message) {
-  // The arguments check makes the sound not play upon initialization of the mod
-  if (
-    CMOptions[notifyConfig] === 1 &&
-    document.visibilityState === 'hidden' &&
-    isInitializing === false
-  ) {
-    const CookieIcon = 'https://orteil.dashnet.org/cookieclicker/favicon.ico';
-    // eslint-disable-next-line no-new
-    new Notification(title, { body: message, badge: CookieIcon });
-  }
-}

src/Disp/Notifications/Sound.js

@@ -1,21 +0,0 @@
-import { CMOptions } from '../../Config/VariablesAndData';
-import { isInitializing } from '../../InitSaveLoad/Variables';
-
-/**
- * This function plays a sound depending on configs. It is called by all functions
- * that check game-events and which have settings for sound (e.g., Golden Cookies appearing, Magic meter being full)
- * @param	{variable}	url			A variable that gives the url for the sound (e.g., CM.Options.GCSoundURL)
- * @param	{string}	sndConfig	The setting in CM.Options that is checked before creating the sound
- * @param	{string}	volConfig	The setting in CM.Options that is checked to determine volume
- * @param	{bool}    forced		Whether the sound should play regardless of settings, used to test the sound
- */
-export default function PlaySound(url, sndConfig, volConfig, forced) {
-  // The arguments check makes the sound not play upon initialization of the mod
-  if ((CMOptions[sndConfig] === 1 || forced) && isInitializing === false) {
-    // eslint-disable-next-line new-cap
-    const sound = new Audio(url);
-    if (CMOptions.GeneralSound) sound.volume = (CMOptions[volConfig] / 100) * (Game.volume / 100);
-    else sound.volume = CMOptions[volConfig] / 100;
-    sound.play();
-  }
-}

src/Disp/TabTitle/FavIcon.js

@@ -1,5 +1,4 @@
 import { CacheSpawnedGoldenShimmer } from '../../Cache/VariablesAndData';
-import { CMOptions } from '../../Config/VariablesAndData';
 import { LastGoldenCookieState } from '../../Main/VariablesAndData';
 
 /**
@@ -18,7 +17,10 @@ export function CreateFavicon() {
  * By relying on CM.Cache.spawnedGoldenShimmer it only changes for non-user spawned cookie
  */
 export function UpdateFavicon() {
-  if (CMOptions.Favicon === 1 && LastGoldenCookieState > 0) {
+  if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Favicon === 1 &&
+    LastGoldenCookieState > 0
+  ) {
     if (CacheSpawnedGoldenShimmer.wrath)
       l('CMFavicon').href =
         'https://CookieMonsterTeam.github.io/CookieMonster/favicon/wrathCookie.ico';

src/Disp/TabTitle/TabTitle.js

@@ -1,7 +1,7 @@
 /** Functions related to updating the tab in the browser's tab-bar */
 
 import { CacheSeasonPopShimmer, CacheSpawnedGoldenShimmer } from '../../Cache/VariablesAndData';
-import { CMOptions } from '../../Config/VariablesAndData';
+
 import { LastSeasonPopupState, LastTickerFortuneState } from '../../Main/VariablesAndData';
 import { Title } from '../VariablesAndData';
 
@@ -10,9 +10,12 @@ import { Title } from '../VariablesAndData';
  * It is called on every loop by Game.Logic() which also sets CM.Disp.Title to Game.cookies
  */
 export default function UpdateTitle() {
-  if (Game.OnAscend || CMOptions.Title === 0) {
+  if (
+    Game.OnAscend ||
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Title === 0
+  ) {
     document.title = Title;
-  } else if (CMOptions.Title === 1) {
+  } else if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Title === 1) {
     let addFC = false;
     let addSP = false;
     let titleGC;
@@ -50,7 +53,7 @@ export default function UpdateTitle() {
       str = str.substring(str.lastIndexOf(']') + 1);
     }
     document.title = `${titleGC + (addFC ? titleFC : '') + (addSP ? titleSP : '')} ${str}`;
-  } else if (CMOptions.Title === 2) {
+  } else if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.Title === 2) {
     let str = '';
     let spawn = false;
     if (CacheSpawnedGoldenShimmer) {

src/Disp/Tooltips/AscendButton.js

@@ -3,7 +3,6 @@ import {
   CacheLastHeavenlyChips,
   CacheTimeTillNextPrestige,
 } from '../../Cache/VariablesAndData';
-import { CMOptions } from '../../Config/VariablesAndData';
 import Beautify from '../BeautifyAndFormatting/Beautify';
 
 /**
@@ -21,16 +20,15 @@ export default function ReplaceAscendTooltip() {
   );
 
   const startDate = Game.sayTime(((Date.now() - Game.startDate) / 1000) * Game.fps, -1);
-  let str = '';
+  let str = `You've been on this run for <b>${
-  str += `You've been on this run for <b>${
     startDate === '' ? 'not very long' : startDate
-  }</b>.<br>`;
+  }</b>.<br>
-  str += '<div class="line"></div>';
+  <div class="line"></div>`;
   if (Game.prestige > 0) {
     str += `Your prestige level is currently <b>${Beautify(Game.prestige)}</b>.<br>(CpS +${Beautify(
       Game.prestige,
-    )}%)`;
+    )}%)
-    str += '<div class="line"></div>';
+    <div class="line"></div>`;
   }
   if (CacheLastHeavenlyChips < 1) str += 'Ascending now would grant you no prestige.';
   else if (CacheLastHeavenlyChips < 2)
@@ -42,10 +40,10 @@ export default function ReplaceAscendTooltip() {
     )} prestige levels</b> (+${Beautify(CacheLastHeavenlyChips)}% CpS)<br>and <b>${Beautify(
       CacheLastHeavenlyChips,
     )} heavenly chips</b> to spend.`;
-  str += '<div class="line"></div>';
+  str += `<div class="line"></div>
-  str += `You need <b>${Beautify(cookiesToNext)} more cookies</b> for the next level.<br>`;
+  You need <b>${Beautify(cookiesToNext)} more cookies</b> for the next level.<br>
-  str += `${
+  ${
-    CMOptions.TooltipAscendButton
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipAscendButton
       ? `<div class='line'></div>It takes ${CacheTimeTillNextPrestige} to reach the next level and you were making ${Beautify(
           CacheHCPerSecond,
           2,

src/Disp/Tooltips/CreateTooltip.js

@@ -1,4 +1,3 @@
-import { CMOptions } from '../../Config/VariablesAndData';
 import {
   ColourTextPre,
   ColourBorderPre,
@@ -54,18 +53,18 @@ export function TooltipCreateWarningSection() {
   TooltipWarn.style.bottom = 'auto';
   TooltipWarn.id = 'CMDispTooltipWarningParent';
 
-  const create = function (boxId, color, labelTextFront, labelTextBack, deficitId) {
+  const create = function (boxId, colour, labelTextFront, labelTextBack, deficitId) {
     const box = document.createElement('div');
     box.id = boxId;
     box.style.display = 'none';
     box.style.transition = 'opacity 0.1s ease-out';
-    box.className = ColourBorderPre + color;
+    box.className = ColourBorderPre + colour;
     box.style.padding = '2px';
     box.style.background = '#000 url(img/darkNoise.png)';
     const labelDiv = document.createElement('div');
     box.appendChild(labelDiv);
     const labelSpan = document.createElement('span');
-    labelSpan.className = ColourTextPre + color;
+    labelSpan.className = ColourTextPre + colour;
     labelSpan.style.fontWeight = 'bold';
     labelSpan.textContent = labelTextFront;
     labelDiv.appendChild(labelSpan);
@@ -134,7 +133,7 @@ export function TooltipCreateWarningSection() {
       'CMDispTooltipWarnUser',
       ColourRed,
       'Warning: ',
-      `Purchase of this item will put you under the number of Cookies equal to ${CMOptions.ToolWarnUser} seconds of CPS`,
+      `Purchase of this item will put you under the number of Cookies equal to ${Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnUser} seconds of CPS`,
       'CMDispTooltipWarnUserText',
     ),
   );

src/Disp/Tooltips/PositionLocation.js

@@ -1,5 +1,3 @@
-import { CMOptions } from '../../Config/VariablesAndData';
-
 /**
  * This function updates the location of the tooltip
  * It is called by Game.tooltip.update() because of CM.Main.ReplaceNative()
@@ -8,8 +6,8 @@ export default function UpdateTooltipLocation() {
   if (Game.tooltip.origin === 'store') {
     let warnOffset = 0;
     if (
-      CMOptions.ToolWarnLucky === 1 &&
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnLucky === 1 &&
-      CMOptions.ToolWarnPos === 1 &&
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnPos === 1 &&
       l('CMDispTooltipWarningParent') !== null
     ) {
       warnOffset = l('CMDispTooltipWarningParent').clientHeight - 4;

src/Disp/Tooltips/Tooltip.js

@@ -1,6 +1,5 @@
 import UpdateTooltips from './UpdateTooltips';
 import { SimpleTooltipElements, TooltipName, TooltipType } from '../VariablesAndData'; // eslint-disable-line no-unused-vars
-import { CMOptions } from '../../Config/VariablesAndData';
 import BuildingGetPrice from '../../Sim/SimulationEvents/BuyBuilding';
 import GetTimeColour from '../BeautifyAndFormatting/GetTimeColour';
 import Beautify from '../BeautifyAndFormatting/Beautify';
@@ -40,9 +39,9 @@ export function CreateTooltip(type, name) {
     // Buildings
     l('tooltip').innerHTML = Game.Objects[name].tooltip();
     // Adds amortization info to the list of info per building
-    if (CMOptions.TooltipAmor === 1) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipAmor === 1) {
       const buildPrice = BuildingGetPrice(
-        Game.Objects[name],
+        name,
         Game.Objects[name].basePrice,
         0,
         Game.Objects[name].free,

src/Disp/Tooltips/TypesOfTooltips/Building.js

@@ -5,7 +5,7 @@ import {
   CacheObjects100,
   CacheObjectsNextAchievement,
 } from '../../../Cache/VariablesAndData';
-import { CMOptions } from '../../../Config/VariablesAndData';
+
 import BuyBuildingsBonusIncome from '../../../Sim/SimulationEvents/BuyBuildingBonusIncome';
 import { SimObjects } from '../../../Sim/VariablesAndData';
 import Beautify from '../../BeautifyAndFormatting/Beautify';
@@ -26,10 +26,6 @@ import * as Create from '../CreateTooltip';
  * This function adds extra info to the Building tooltips
  */
 export default function Building() {
-  if (CMOptions.TooltipBuildUpgrade === 1 && Game.buyMode === 1) {
-    const tooltipBox = l('CMTooltipBorder');
-    Create.TooltipCreateCalculationSection(tooltipBox);
-
   let target;
   if (Game.buyMode === 1) {
     LastTargetTooltipBuilding = target;
@@ -43,21 +39,34 @@ export default function Building() {
   TooltipPrice = Game.Objects[TooltipName].bulkPrice;
   TooltipBonusIncome = target[TooltipName].bonus;
 
-    if (CMOptions.TooltipBuildUpgrade === 1 && Game.buyMode === 1) {
+  if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipBuildUpgrade === 1 &&
+    Game.buyMode === 1
+  ) {
+    const tooltipBox = l('CMTooltipBorder');
+    Create.TooltipCreateCalculationSection(tooltipBox);
+
+    if (
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipBuildUpgrade ===
+        1 &&
+      Game.buyMode === 1
+    ) {
       l('CMTooltipIncome').textContent = Beautify(TooltipBonusIncome, 2);
       const increase = Math.round((TooltipBonusIncome / Game.cookiesPs) * 10000);
       if (Number.isFinite(increase) && increase !== 0) {
         l('CMTooltipIncome').textContent += ` (${increase / 100}% of income)`;
       } else {
         l('CMTooltipIncome').textContent += ` (<0${
-          CMOptions.ScaleSeparator ? ',' : '.'
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleSeparator
+            ? ','
+            : '.'
         }01% of income)`;
       }
-      l('CMTooltipBorder').className = ColourTextPre + target[TooltipName].color;
+      l('CMTooltipBorder').className = ColourTextPre + target[TooltipName].colour;
-      if (CMOptions.PPDisplayTime)
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPDisplayTime)
         l('CMTooltipPP').textContent = FormatTime(target[TooltipName].pp);
       else l('CMTooltipPP').textContent = Beautify(target[TooltipName].pp, 2);
-      l('CMTooltipPP').className = ColourTextPre + target[TooltipName].color;
+      l('CMTooltipPP').className = ColourTextPre + target[TooltipName].colour;
       const timeColour = GetTimeColour(
         (TooltipPrice - (Game.cookies + GetWrinkConfigBank())) / GetCPS(),
       );
@@ -65,7 +74,7 @@ export default function Building() {
       if (timeColour.text === 'Done!' && Game.cookies < target[TooltipName].price) {
         l('CMTooltipTime').textContent = `${timeColour.text} (with Wrink)`;
       } else l('CMTooltipTime').textContent = timeColour.text;
-      l('CMTooltipTime').className = ColourTextPre + timeColour.color;
+      l('CMTooltipTime').className = ColourTextPre + timeColour.colour;
     }
 
     // Add "production left till next achievement"-bar
@@ -110,7 +119,8 @@ export default function Building() {
       )} / ${Beautify(ObjectsTillNext.price)} / `;
       l('CMTooltipNextAchievement').style.color = 'white';
       const PPFrag = document.createElement('span');
-      if (CMOptions.PPDisplayTime) PPFrag.textContent = FormatTime(PPOfAmount);
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPDisplayTime)
+        PPFrag.textContent = FormatTime(PPOfAmount);
       else PPFrag.textContent = Beautify(PPOfAmount);
       PPFrag.className = ColourTextPre + ColourOfPP({ pp: PPOfAmount }, ObjectsTillNext.price);
       l('CMTooltipNextAchievement').appendChild(PPFrag);

src/Disp/Tooltips/TypesOfTooltips/GardenPlots.js

@@ -1,4 +1,3 @@
-import { CMOptions } from '../../../Config/VariablesAndData';
 import Beautify from '../../BeautifyAndFormatting/Beautify';
 import { TooltipName } from '../../VariablesAndData';
 import * as Create from '../CreateTooltip';
@@ -9,7 +8,10 @@ import * as Create from '../CreateTooltip';
  */
 export default function GardenPlots() {
   const { minigame } = Game.Objects.Farm;
-  if (CMOptions.TooltipPlots && minigame.plot[TooltipName[1]][TooltipName[0]][0] !== 0) {
+  if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipPlots &&
+    minigame.plot[TooltipName[1]][TooltipName[0]][0] !== 0
+  ) {
     const mature =
       minigame.plot[TooltipName[1]][TooltipName[0]][1] >
       minigame.plantsById[minigame.plot[TooltipName[1]][TooltipName[0]][0] - 1].mature;

src/Disp/Tooltips/TypesOfTooltips/Grimoire.js

@@ -1,5 +1,5 @@
 import { CacheNoGoldSwitchCookiesPS } from '../../../Cache/VariablesAndData';
-import { CMOptions } from '../../../Config/VariablesAndData';
+
 import Beautify from '../../BeautifyAndFormatting/Beautify';
 import GetTimeColour from '../../BeautifyAndFormatting/GetTimeColour';
 import CalculateGrimoireRefillTime from '../../HelperFunctions/CalculateGrimoireRefillTime';
@@ -15,7 +15,10 @@ export default function Grimoire() {
   const { minigame } = Game.Objects['Wizard tower'];
   const spellCost = minigame.getSpellCost(minigame.spellsById[TooltipName]);
 
-  if (CMOptions.TooltipGrim === 1 && spellCost <= minigame.magicM) {
+  if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipGrim === 1 &&
+    spellCost <= minigame.magicM
+  ) {
     const tooltipBox = l('CMTooltipBorder');
 
     // Time left till enough magic for spell
@@ -27,7 +30,7 @@ export default function Grimoire() {
       CalculateGrimoireRefillTime(minigame.magic, minigame.magicM, spellCost),
     );
     time.textContent = timeColour.text;
-    time.className = ColourTextPre + timeColour.color;
+    time.className = ColourTextPre + timeColour.colour;
 
     // Time left untill magic spent is recovered
     if (spellCost <= minigame.magic) {
@@ -43,7 +46,7 @@ export default function Grimoire() {
         ),
       );
       recover.textContent = recoverColour.text;
-      recover.className = ColourTextPre + recoverColour.color;
+      recover.className = ColourTextPre + recoverColour.colour;
     }
 
     // Extra information on cookies gained when spell is Conjure Baked Goods (Name === 0)

src/Disp/Tooltips/TypesOfTooltips/HarvestAll.js

@@ -1,4 +1,3 @@
-import { CMOptions } from '../../../Config/VariablesAndData';
 import Beautify from '../../BeautifyAndFormatting/Beautify';
 import * as Create from '../CreateTooltip';
 
@@ -9,7 +8,7 @@ import * as Create from '../CreateTooltip';
  */
 export default function HarvestAll() {
   const { minigame } = Game.Objects.Farm;
-  if (CMOptions.TooltipLump) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipLump) {
     l('CMTooltipBorder').appendChild(Create.TooltipCreateHeader('Cookies gained from harvesting:'));
     let totalGain = 0;
     let mortal = 0;

src/Disp/Tooltips/TypesOfTooltips/PantheonGods.js

@@ -1,5 +1,4 @@
 import { CacheGods } from '../../../Cache/VariablesAndData';
-import { CMOptions } from '../../../Config/VariablesAndData';
 import Beautify from '../../BeautifyAndFormatting/Beautify';
 import { TooltipName, TooltipType } from '../../VariablesAndData';
 import * as Create from '../CreateTooltip';
@@ -10,7 +9,7 @@ import * as Create from '../CreateTooltip';
  * It adds to the additional information to l('CMTooltipArea')
  */
 export default function PantheonGods() {
-  if (CMOptions.TooltipPantheon === 1) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipPantheon === 1) {
     const tooltipBox = l('CMTooltipBorder');
     let GodID;
     if (TooltipType === 'pas') GodID = TooltipName[1];
@@ -26,7 +25,11 @@ export default function PantheonGods() {
       if (Number.isFinite(increase) && increase !== 0) {
         cps1.textContent += ` (${increase / 100}% of income)`;
       } else {
-        cps1.textContent += ` (<0${CMOptions.ScaleSeparator ? ',' : '.'}01% of income)`;
+        cps1.textContent += ` (<0${
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleSeparator
+            ? ','
+            : '.'
+        }01% of income)`;
       }
     } else cps1.textContent = 'No effect to CPS';
     tooltipBox.appendChild(cps1);
@@ -40,7 +43,11 @@ export default function PantheonGods() {
       if (Number.isFinite(increase) && increase !== 0) {
         cps2.textContent += ` (${increase / 100}% of income)`;
       } else {
-        cps2.textContent += ` (<0${CMOptions.ScaleSeparator ? ',' : '.'}01% of income)`;
+        cps2.textContent += ` (<0${
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleSeparator
+            ? ','
+            : '.'
+        }01% of income)`;
       }
     } else cps2.textContent = 'No effect to CPS';
     tooltipBox.appendChild(cps2);
@@ -54,7 +61,11 @@ export default function PantheonGods() {
       if (Number.isFinite(increase) && increase !== 0) {
         cps3.textContent += ` (${increase / 100}% of income)`;
       } else {
-        cps3.textContent += ` (<0${CMOptions.ScaleSeparator ? ',' : '.'}01% of income)`;
+        cps3.textContent += ` (<0${
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleSeparator
+            ? ','
+            : '.'
+        }01% of income)`;
       }
     } else cps3.textContent = 'No effect to CPS';
     tooltipBox.appendChild(cps3);

src/Disp/Tooltips/TypesOfTooltips/SugarLump.js

@@ -1,4 +1,3 @@
-import { CMOptions } from '../../../Config/VariablesAndData';
 import GetLumpColour from '../../HelperFunctions/GetLumpColour';
 import { ColourTextPre } from '../../VariablesAndData';
 import * as Create from '../CreateTooltip';
@@ -7,7 +6,7 @@ import * as Create from '../CreateTooltip';
  * It adds to the additional information to l('CMTooltipArea')
  */
 export default function SugarLump() {
-  if (CMOptions.TooltipLump === 1) {
+  if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipLump === 1) {
     const tooltipBox = l('CMTooltipBorder');
 
     tooltipBox.appendChild(Create.TooltipCreateHeader('Current Sugar Lump'));
@@ -17,6 +16,6 @@ export default function SugarLump() {
     tooltipBox.appendChild(lumpType);
     const lumpColour = GetLumpColour(Game.lumpCurrentType);
     lumpType.textContent = lumpColour.text;
-    lumpType.className = ColourTextPre + lumpColour.color;
+    lumpType.className = ColourTextPre + lumpColour.colour;
   } else l('CMTooltipArea').style.display = 'none';
 }

src/Disp/Tooltips/TypesOfTooltips/Upgrade.js

@@ -1,5 +1,5 @@
 import { CacheLastChoEgg, CacheUpgrades } from '../../../Cache/VariablesAndData';
-import { CMOptions } from '../../../Config/VariablesAndData';
+
 import Beautify from '../../BeautifyAndFormatting/Beautify';
 import FormatTime from '../../BeautifyAndFormatting/FormatTime';
 import GetTimeColour from '../../BeautifyAndFormatting/GetTimeColour';
@@ -25,7 +25,9 @@ export default function Upgrade() {
   TooltipPrice = Game.Upgrades[Game.UpgradesInStore[TooltipName].name].getPrice();
   TooltipBonusMouse = CacheUpgrades[Game.UpgradesInStore[TooltipName].name].bonusMouse;
 
-  if (CMOptions.TooltipBuildUpgrade === 1) {
+  if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipBuildUpgrade === 1
+  ) {
     l('CMTooltipIncome').textContent = Beautify(TooltipBonusIncome, 2);
     const increase = Math.round((TooltipBonusIncome / Game.cookiesPs) * 10000);
     // Don't display certain parts of tooltip if not applicable
@@ -39,11 +41,13 @@ export default function Upgrade() {
         l('CMTooltipIncome').textContent += ` (${increase / 100}% of income)`;
       } else {
         l('CMTooltipIncome').textContent += ` (<0${
-          CMOptions.ScaleSeparator ? ',' : '.'
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ScaleSeparator
+            ? ','
+            : '.'
         }01% of income)`;
       }
       l('CMTooltipBorder').className =
-        ColourTextPre + CacheUpgrades[Game.UpgradesInStore[TooltipName].name].color;
+        ColourTextPre + CacheUpgrades[Game.UpgradesInStore[TooltipName].name].colour;
     }
 
     // If clicking power upgrade
@@ -59,7 +63,7 @@ export default function Upgrade() {
       l('Payback PeriodTitle').style.display = 'block';
       l('CMTooltipPP').style.display = 'block';
     } else {
-      if (CMOptions.PPDisplayTime)
+      if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.PPDisplayTime)
         l('CMTooltipPP').textContent = FormatTime(
           CacheUpgrades[Game.UpgradesInStore[TooltipName].name].pp,
         );
@@ -69,7 +73,7 @@ export default function Upgrade() {
           2,
         );
       l('CMTooltipPP').className =
-        ColourTextPre + CacheUpgrades[Game.UpgradesInStore[TooltipName].name].color;
+        ColourTextPre + CacheUpgrades[Game.UpgradesInStore[TooltipName].name].colour;
     }
     const timeColour = GetTimeColour(
       (TooltipPrice - (Game.cookies + GetWrinkConfigBank())) / GetCPS(),
@@ -81,7 +85,7 @@ export default function Upgrade() {
     ) {
       l('CMTooltipTime').textContent = `${timeColour.text} (with Wrink)`;
     } else l('CMTooltipTime').textContent = timeColour.text;
-    l('CMTooltipTime').className = ColourTextPre + timeColour.color;
+    l('CMTooltipTime').className = ColourTextPre + timeColour.colour;
 
     // Add extra info to Chocolate egg tooltip
     if (Game.UpgradesInStore[TooltipName].name === 'Chocolate egg') {

src/Disp/Tooltips/TypesOfTooltips/Warnings.js

@@ -1,7 +1,6 @@
 import GetCPSBuffMult from '../../../Cache/CPS/GetCPSBuffMult';
 import { CacheEdifice, CacheLucky } from '../../../Cache/VariablesAndData';
 import ToggleToolWarnPos from '../../../Config/Toggles/ToggleToolWarnPos';
-import { CMOptions } from '../../../Config/VariablesAndData';
 import Beautify from '../../BeautifyAndFormatting/Beautify';
 import FormatTime from '../../BeautifyAndFormatting/FormatTime';
 import GetCPS from '../../HelperFunctions/GetCPS';
@@ -19,21 +18,25 @@ export default function Warnings() {
       ToggleToolWarnPos();
     }
 
-    if (CMOptions.ToolWarnPos === 0) l('CMDispTooltipWarningParent').style.right = '0px';
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnPos === 0)
+      l('CMDispTooltipWarningParent').style.right = '0px';
     else l('CMDispTooltipWarningParent').style.top = `${l('tooltip').offsetHeight}px`;
 
     l('CMDispTooltipWarningParent').style.width = `${l('tooltip').offsetWidth - 6}px`;
 
     const amount = Game.cookies + GetWrinkConfigBank() - TooltipPrice;
-    const bonusIncomeUsed = CMOptions.ToolWarnBon ? TooltipBonusIncome : 0;
+    const bonusIncomeUsed = Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings
+      .ToolWarnBon
+      ? TooltipBonusIncome
+      : 0;
     let limitLucky = CacheLucky;
-    if (CMOptions.ToolWarnBon === 1) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnBon === 1) {
       let bonusNoFren = TooltipBonusIncome;
       bonusNoFren /= GetCPSBuffMult();
       limitLucky += (bonusNoFren * 60 * 15) / 0.15;
     }
 
-    if (CMOptions.ToolWarnLucky === 1) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnLucky === 1) {
       if (amount < limitLucky && (TooltipType !== 'b' || Game.buyMode === 1)) {
         l('CMDispTooltipWarnLucky').style.display = '';
         l('CMDispTooltipWarnLuckyText').textContent = `${Beautify(
@@ -42,7 +45,9 @@ export default function Warnings() {
       } else l('CMDispTooltipWarnLucky').style.display = 'none';
     } else l('CMDispTooltipWarnLucky').style.display = 'none';
 
-    if (CMOptions.ToolWarnLuckyFrenzy === 1) {
+    if (
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnLuckyFrenzy === 1
+    ) {
       const limitLuckyFrenzy = limitLucky * 7;
       if (amount < limitLuckyFrenzy && (TooltipType !== 'b' || Game.buyMode === 1)) {
         l('CMDispTooltipWarnLuckyFrenzy').style.display = '';
@@ -52,7 +57,7 @@ export default function Warnings() {
       } else l('CMDispTooltipWarnLuckyFrenzy').style.display = 'none';
     } else l('CMDispTooltipWarnLuckyFrenzy').style.display = 'none';
 
-    if (CMOptions.ToolWarnConjure === 1) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnConjure === 1) {
       const limitConjure = limitLucky * 2;
       if (amount < limitConjure && (TooltipType !== 'b' || Game.buyMode === 1)) {
         l('CMDispTooltipWarnConjure').style.display = '';
@@ -62,7 +67,10 @@ export default function Warnings() {
       } else l('CMDispTooltipWarnConjure').style.display = 'none';
     } else l('CMDispTooltipWarnConjure').style.display = 'none';
 
-    if (CMOptions.ToolWarnConjureFrenzy === 1) {
+    if (
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnConjureFrenzy ===
+      1
+    ) {
       const limitConjureFrenzy = limitLucky * 2 * 7;
       if (amount < limitConjureFrenzy && (TooltipType !== 'b' || Game.buyMode === 1)) {
         l('CMDispTooltipWarnConjureFrenzy').style.display = '';
@@ -72,7 +80,10 @@ export default function Warnings() {
       } else l('CMDispTooltipWarnConjureFrenzy').style.display = 'none';
     } else l('CMDispTooltipWarnConjureFrenzy').style.display = 'none';
 
-    if (CMOptions.ToolWarnEdifice === 1 && Game.Objects['Wizard tower'].minigameLoaded) {
+    if (
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnEdifice === 1 &&
+      Game.Objects['Wizard tower'].minigameLoaded
+    ) {
       if (CacheEdifice && amount < CacheEdifice && (TooltipType !== 'b' || Game.buyMode === 1)) {
         l('CMDispTooltipWarnEdifice').style.display = '';
         l('CMDispTooltipWarnEdificeText').textContent = `${Beautify(
@@ -81,20 +92,27 @@ export default function Warnings() {
       } else l('CMDispTooltipWarnEdifice').style.display = 'none';
     } else l('CMDispTooltipWarnEdifice').style.display = 'none';
 
-    if (CMOptions.ToolWarnUser > 0) {
+    if (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnUser > 0) {
       if (
-        amount < CMOptions.ToolWarnUser * GetCPS() &&
+        amount <
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnUser *
+            GetCPS() &&
         (TooltipType !== 'b' || Game.buyMode === 1)
       ) {
         l('CMDispTooltipWarnUser').style.display = '';
         // Need to update tooltip text dynamically
         l(
           'CMDispTooltipWarnUser',
-        ).children[0].textContent = `Purchase of this item will put you under the number of Cookies equal to ${CMOptions.ToolWarnUser} seconds of CPS`;
+        ).children[0].textContent = `Purchase of this item will put you under the number of Cookies equal to ${Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnUser} seconds of CPS`;
         l('CMDispTooltipWarnUserText').textContent = `${Beautify(
-          CMOptions.ToolWarnUser * GetCPS() - amount,
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnUser *
+            GetCPS() -
+            amount,
         )} (${FormatTime(
-          (CMOptions.ToolWarnUser * GetCPS() - amount) / (GetCPS() + bonusIncomeUsed),
+          (Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.ToolWarnUser *
+            GetCPS() -
+            amount) /
+            (GetCPS() + bonusIncomeUsed),
         )})`;
       } else l('CMDispTooltipWarnUser').style.display = 'none';
     } else l('CMDispTooltipWarnUser').style.display = 'none';

src/Disp/Tooltips/WrinklerTooltips.js

@@ -1,4 +1,3 @@
-import { CMOptions } from '../../Config/VariablesAndData';
 import { SimObjects } from '../../Sim/VariablesAndData';
 import Beautify from '../BeautifyAndFormatting/Beautify';
 import {
@@ -13,7 +12,10 @@ import {
  * As wrinklers are not appended to the DOM we us a different system than for other tooltips
  */
 export function CheckWrinklerTooltip() {
-  if (CMOptions.TooltipWrink === 1 && TooltipWrinklerArea === 1) {
+  if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipWrink === 1 &&
+    TooltipWrinklerArea === 1
+  ) {
     // Latter is set by CM.Main.AddWrinklerAreaDetect
     let showingTooltip = false;
     Object.keys(Game.wrinklers).forEach((i) => {
@@ -50,7 +52,10 @@ export function CheckWrinklerTooltip() {
  * As wrinklers are not appended to the DOM we us a different system than for other tooltips
  */
 export function UpdateWrinklerTooltip() {
-  if (CMOptions.TooltipWrink === 1 && l('CMTooltipWrinkler') !== null) {
+  if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.TooltipWrink === 1 &&
+    l('CMTooltipWrinkler') !== null
+  ) {
     let { sucked } = Game.wrinklers[TooltipWrinkler];
     let toSuck = 1.1;
     if (Game.Has('Sacrilegious corruption')) toSuck *= 1.05;

src/Disp/buildingTiles/createBuildingLockButtons.js

@@ -0,0 +1,18 @@
+import toggleBuildingLock from './toggleBuildingLock';
+
+/**
+ * This function adds a lock button to the "building view" in the middle section
+ */
+export default function createBuildingLockButtons() {
+  Object.keys(l('rows').children).forEach((index) => {
+    const productButtons = l('rows').children[index].children[1];
+    const button = document.createElement('div');
+    button.id = `productLock${Number(index) + 1}`;
+    button.className = 'productButton';
+    button.innerHTML = 'Lock';
+    button.onclick = function () {
+      toggleBuildingLock(Number(index) + 1);
+    };
+    productButtons.appendChild(button);
+  });
+}

src/Disp/buildingTiles/toggleBuildingLock.js

@@ -0,0 +1,35 @@
+/**
+ * This function toggle the locked state of a building
+ * @param	{number}	index	Index of the row to change
+ */
+export default function toggleBuildingLock(index) {
+  if (l(`productLock${index}`).innerHTML === 'Lock') {
+    // Add to storing array
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.lockedMinigames.push(
+      index.toString(),
+    );
+
+    // Update styles
+    l(`row${index}`).style.pointerEvents = 'none';
+    l(`row${index}`).style.opacity = '0.4';
+    l(`productLock${index}`).innerHTML = 'Unlock';
+    l(`productLock${index}`).style.pointerEvents = 'auto';
+  } else {
+    // Remove from storing array
+    if (
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.lockedMinigames.includes(
+        index.toString(),
+      )
+    ) {
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.lockedMinigames =
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.lockedMinigames.filter(
+          (value) => value !== index.toString(),
+        );
+    }
+
+    // Update styles
+    l(`productLock${index}`).innerHTML = 'Lock';
+    l(`row${index}`).style.pointerEvents = 'auto';
+    l(`row${index}`).style.opacity = '1';
+  }
+}

src/InitSaveLoad/Variables.js

@@ -1,3 +0,0 @@
-/** Variable that shows if Cookie Moonster is initzializing */
-export let isInitializing = false; // eslint-disable-line prefer-const
-export let test;

src/InitSaveLoad/init.js

@@ -1,9 +1,10 @@
+import { initFunctions } from '@cookiemonsterteam/cookiemonsterframework';
 import { VersionMajor, VersionMinor } from '../Data/Moddata.ts';
 import CMDrawHook from '../Disp/DrawHook';
 import CMClickHook from '../Main/ClickHook';
 import InitializeCookieMonster from '../Main/Initialization';
 import CMLoopHook from '../Main/LoopHook';
-import { isInitializing } from './Variables'; // eslint-disable-line no-unused-vars
+import load from './load';
 
 /**
  * This creates a init function for the CM object. Per Game code/comments:
@@ -12,8 +13,13 @@ import { isInitializing } from './Variables'; // eslint-disable-line no-unused-v
  * It starts the further initialization of CookieMonster and registers hooks
  */
 export default function init() {
-  isInitializing = true;
   let proceed = true;
+
+  // Load Cookie Monster Mod Framework and register mod
+  initFunctions.initModFramework();
+  window.cookieMonsterFrameworkData.isInitializing = true;
+  initFunctions.registerMod('cookieMonsterMod');
+
   if (Game.version !== Number(VersionMajor)) {
     // eslint-disable-next-line no-restricted-globals, no-alert
     proceed = confirm(
@@ -26,6 +32,9 @@ export default function init() {
     Game.registerHook('draw', CMDrawHook);
     Game.registerHook('logic', CMLoopHook);
 
-    isInitializing = false;
+    // Load default settings if no previous saveData is found
+    if (typeof Game.modSaveData.cookieMonsterMod === 'undefined') {
+      load('{}');
+    }
   }
 }

src/InitSaveLoad/load.js

@@ -1,6 +1,10 @@
-import { LoadConfig } from '../Config/SaveLoadReload/SaveLoadReloadSettings';
+import { saveAndLoadingFunctions } from '@cookiemonsterteam/cookiemonsterframework/src/index';
+
+import headers from '../Data/headers';
 import { VersionMajor, VersionMinor } from '../Data/Moddata.ts';
-import { FavouriteSettings } from '../Disp/VariablesAndData'; // eslint-disable-line no-unused-vars
+import settings from '../Data/settings';
+import UpdateColours from '../Disp/HelperFunctions/UpdateColours';
+import CMLoopHook from '../Main/LoopHook';
 import InitData from '../Sim/InitializeData/InitData';
 
 /**
@@ -8,12 +12,38 @@ import InitData from '../Sim/InitializeData/InitData';
  * "do stuff with the string data you saved previously"
  */
 export default function load(str) {
-  const save = JSON.parse(str);
   InitData();
-  // The if-statement is a failsafe for old saves
+
-  if (typeof save.favouriteSettings !== 'undefined') FavouriteSettings = save.favouriteSettings;
+  // Load saveData
-  LoadConfig(save.settings);
+  saveAndLoadingFunctions.loadMod('cookieMonsterMod', str, settings, headers, CMLoopHook);
-  if (save.version !== `${VersionMajor}.${VersionMinor}`) {
+  if (
+    typeof Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.lockedMinigames ===
+    'undefined'
+  ) {
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.lockedMinigames = [];
+  }
+
+  // Update display with colours and locking of minigames
+  UpdateColours();
+  for (
+    let index = 0;
+    index < Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.lockedMinigames.length;
+    index++
+  ) {
+    const buildingIndex =
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.lockedMinigames[index];
+    l(`row${buildingIndex}`).style.pointerEvents = 'none';
+    l(`row${buildingIndex}`).style.opacity = '0.4';
+    l(`productLock${buildingIndex}`).innerHTML = 'Unlock';
+    l(`productLock${buildingIndex}`).style.pointerEvents = 'auto';
+  }
+
+  // Notify of update
+  if (
+    typeof Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.version !== 'undefined' &&
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.version !==
+      `${VersionMajor}.${VersionMinor}`
+  ) {
     if (Game.prefs.popups)
       Game.Popup(
         'A new version of Cookie Monster has been loaded, check out the release notes in the info tab!',

src/InitSaveLoad/save.js

@@ -1,6 +1,4 @@
-import { CMOptions } from '../Config/VariablesAndData';
 import { VersionMajor, VersionMinor } from '../Data/Moddata.ts';
-import { FavouriteSettings } from '../Disp/VariablesAndData';
 
 /**
  * This creates a save function to the CM object. Per Game code/comments:
@@ -8,9 +6,7 @@ import { FavouriteSettings } from '../Disp/VariablesAndData';
  * return 'a string to be saved';"
  */
 export default function save() {
-  return JSON.stringify({
+  const saveObject = Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod;
-    favouriteSettings: FavouriteSettings,
+  saveObject.version = `${VersionMajor}.${VersionMinor}`;
-    settings: CMOptions,
+  return JSON.stringify(saveObject);
-    version: `${VersionMajor}.${VersionMinor}`,
-  });
 }

src/Main/CheckStates/Garden.js

@@ -1,6 +1,4 @@
-import { CMOptions } from '../../Config/VariablesAndData';
+import { notificationsFunctions as nF } from '@cookiemonsterteam/cookiemonsterframework/src/index';
-import Flash from '../../Disp/Notifications/Flash';
-import PlaySound from '../../Disp/Notifications/Sound';
 import { LastGardenNextStep } from '../VariablesAndData';
 
 /**
@@ -12,8 +10,14 @@ export default function CheckGardenTick() {
     LastGardenNextStep !== Game.Objects.Farm.minigame.nextStep
   ) {
     if (LastGardenNextStep !== 0 && LastGardenNextStep < Date.now()) {
-      Flash(3, 'GardFlash', false);
+      nF.createFlash('cookieMonsterMod', 3, 'GardFlash', false);
-      PlaySound(CMOptions.GardSoundURL, 'GardSound', 'GardVolume', false);
+      nF.playCMSound(
+        'cookieMonsterMod',
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.GardSoundURL,
+        'GardSound',
+        'GardVolume',
+        false,
+      );
     }
     LastGardenNextStep = Game.Objects.Farm.minigame.nextStep;
   }

src/Main/CheckStates/GoldenCookie.js

@@ -1,9 +1,6 @@
+import { notificationsFunctions as nF } from '@cookiemonsterteam/cookiemonsterframework/src/index';
 import { CacheSpawnedGoldenShimmer, CacheGoldenShimmersByID } from '../../Cache/VariablesAndData'; // eslint-disable-line no-unused-vars
-import { CMOptions } from '../../Config/VariablesAndData';
 import CreateGCTimer from '../../Disp/GoldenCookieTimers/GoldenCookieTimers';
-import Flash from '../../Disp/Notifications/Flash';
-import CreateNotification from '../../Disp/Notifications/Notification';
-import PlaySound from '../../Disp/Notifications/Sound';
 import { UpdateFavicon } from '../../Disp/TabTitle/FavIcon';
 import { GCTimers } from '../../Disp/VariablesAndData';
 import {
@@ -45,9 +42,16 @@ export default function CheckGoldenCookie() {
     LastGoldenCookieState = Game.shimmerTypes.golden.n;
     if (LastGoldenCookieState) {
       if (LastSpawnedGoldenCookieState < CurrSpawnedGoldenCookieState) {
-        Flash(3, 'GCFlash', false);
+        nF.createFlash('cookieMonsterMod', 3, 'GCFlash', false);
-        PlaySound(CMOptions.GCSoundURL, 'GCSound', 'GCVolume', false);
+        nF.playCMSound(
-        CreateNotification(
+          'cookieMonsterMod',
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.GCSoundURL,
+          'GCSound',
+          'GCVolume',
+          false,
+        );
+        nF.createNotification(
+          'cookieMonsterMod',
           'GCNotification',
           'Golden Cookie Spawned',
           'A Golden Cookie has spawned. Click it now!',
@@ -63,7 +67,10 @@ export default function CheckGoldenCookie() {
     UpdateFavicon();
     LastSpawnedGoldenCookieState = CurrSpawnedGoldenCookieState;
     if (CurrSpawnedGoldenCookieState === 0) CacheSpawnedGoldenShimmer = 0;
-  } else if (CMOptions.GCTimer === 1 && LastGoldenCookieState) {
+  } else if (
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.GCTimer === 1 &&
+    LastGoldenCookieState
+  ) {
     Object.keys(GCTimers).forEach((i) => {
       GCTimers[i].style.opacity = CacheGoldenShimmersByID[i].l.style.opacity;
       GCTimers[i].style.transform = CacheGoldenShimmersByID[i].l.style.transform;

src/Main/CheckStates/Grimoire.js

@@ -1,7 +1,4 @@
-import { CMOptions } from '../../Config/VariablesAndData';
+import { notificationsFunctions as nF } from '@cookiemonsterteam/cookiemonsterframework/src/index';
-import Flash from '../../Disp/Notifications/Flash';
-import CreateNotification from '../../Disp/Notifications/Notification';
-import PlaySound from '../../Disp/Notifications/Sound';
 import { LastMagicBarFull } from '../VariablesAndData';
 
 /**
@@ -9,14 +6,24 @@ import { LastMagicBarFull } from '../VariablesAndData';
  * It is called by CM.Main.Loop
  */
 export default function CheckMagicMeter() {
-  if (Game.Objects['Wizard tower'].minigameLoaded && CMOptions.GrimoireBar === 1) {
+  if (
+    Game.Objects['Wizard tower'].minigameLoaded &&
+    Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.GrimoireBar === 1
+  ) {
     const { minigame } = Game.Objects['Wizard tower'];
     if (minigame.magic < minigame.magicM) LastMagicBarFull = false;
     else if (!LastMagicBarFull) {
       LastMagicBarFull = true;
-      Flash(3, 'MagicFlash', false);
+      nF.createFlash('cookieMonsterMod', 3, 'MagicFlash', false);
-      PlaySound(CMOptions.MagicSoundURL, 'MagicSound', 'MagicVolume', false);
+      nF.playCMSound(
-      CreateNotification(
+        'cookieMonsterMod',
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.MagicSoundURL,
+        'MagicSound',
+        'MagicVolume',
+        false,
+      );
+      nF.createNotification(
+        'cookieMonsterMod',
         'MagicNotification',
         'Magic Meter full',
         'Your Magic Meter is full. Cast a spell!',

src/Main/CheckStates/Season.js

@@ -1,8 +1,5 @@
+import { notificationsFunctions as nF } from '@cookiemonsterteam/cookiemonsterframework/src/index';
 import { CacheSeasonPopShimmer } from '../../Cache/VariablesAndData'; // eslint-disable-line no-unused-vars
-import { CMOptions } from '../../Config/VariablesAndData';
-import Flash from '../../Disp/Notifications/Flash';
-import CreateNotification from '../../Disp/Notifications/Notification';
-import PlaySound from '../../Disp/Notifications/Sound';
 import { LastSeasonPopupState } from '../VariablesAndData';
 
 /**
@@ -17,9 +14,16 @@ export default function CheckSeasonPopup() {
         CacheSeasonPopShimmer = Game.shimmers[i];
       }
     });
-    Flash(3, 'SeaFlash', false);
+    nF.createFlash('cookieMonsterMod', 3, 'SeaFlash', false);
-    PlaySound(CMOptions.SeaSoundURL, 'SeaSound', 'SeaVolume', false);
+    nF.playCMSound(
-    CreateNotification(
+      'cookieMonsterMod',
+      Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.SeaSoundURL,
+      'SeaSound',
+      'SeaVolume',
+      false,
+    );
+    nF.createNotification(
+      'cookieMonsterMod',
       'SeaNotification',
       'Reindeer sighted!',
       'A Reindeer has spawned. Click it now!',

src/Main/CheckStates/Ticker.js

@@ -1,7 +1,4 @@
-import { CMOptions } from '../../Config/VariablesAndData';
+import { notificationsFunctions as nF } from '@cookiemonsterteam/cookiemonsterframework/src/index';
-import Flash from '../../Disp/Notifications/Flash';
-import CreateNotification from '../../Disp/Notifications/Notification';
-import PlaySound from '../../Disp/Notifications/Sound';
 import { LastTickerFortuneState } from '../VariablesAndData';
 
 /**
@@ -12,9 +9,16 @@ export default function CheckTickerFortune() {
   if (LastTickerFortuneState !== (Game.TickerEffect && Game.TickerEffect.type === 'fortune')) {
     LastTickerFortuneState = Game.TickerEffect && Game.TickerEffect.type === 'fortune';
     if (LastTickerFortuneState) {
-      Flash(3, 'FortuneFlash', false);
+      nF.createFlash('cookieMonsterMod', 3, 'FortuneFlash', false);
-      PlaySound(CMOptions.FortuneSoundURL, 'FortuneSound', 'FortuneVolume', false);
+      nF.playCMSound(
-      CreateNotification(
+        'cookieMonsterMod',
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.FortuneSoundURL,
+        'FortuneSound',
+        'FortuneVolume',
+        false,
+      );
+      nF.createNotification(
+        'cookieMonsterMod',
         'FortuneNotification',
         'Fortune Cookie found',
         'A Fortune Cookie has appeared on the Ticker.',

src/Main/CheckStates/Wrinkler.js

@@ -1,7 +1,4 @@
-import { CMOptions } from '../../Config/VariablesAndData';
+import { notificationsFunctions as nF } from '@cookiemonsterteam/cookiemonsterframework/src/index';
-import Flash from '../../Disp/Notifications/Flash';
-import CreateNotification from '../../Disp/Notifications/Notification';
-import PlaySound from '../../Disp/Notifications/Sound';
 import { LastWrinklerCount } from '../VariablesAndData';
 
 /**
@@ -16,24 +13,47 @@ export default function CheckWrinklerCount() {
     });
     if (CurrentWrinklers > LastWrinklerCount) {
       LastWrinklerCount = CurrentWrinklers;
-      if (CurrentWrinklers === Game.getWrinklersMax() && CMOptions.WrinklerMaxFlash) {
+      if (
-        Flash(3, 'WrinklerMaxFlash', false);
+        CurrentWrinklers === Game.getWrinklersMax() &&
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerMaxFlash
+      ) {
+        nF.createFlash('cookieMonsterMod', 3, 'WrinklerMaxFlash', false);
       } else {
-        Flash(3, 'WrinklerFlash', false);
+        nF.createFlash('cookieMonsterMod', 3, 'WrinklerFlash', false);
       }
-      if (CurrentWrinklers === Game.getWrinklersMax() && CMOptions.WrinklerMaxSound) {
+      if (
-        PlaySound(CMOptions.WrinklerMaxSoundURL, 'WrinklerMaxSound', 'WrinklerMaxVolume', false);
+        CurrentWrinklers === Game.getWrinklersMax() &&
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerMaxSound
+      ) {
+        nF.playCMSound(
+          'cookieMonsterMod',
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerMaxSoundURL,
+          'WrinklerMaxSound',
+          'WrinklerMaxVolume',
+          false,
+        );
       } else {
-        PlaySound(CMOptions.WrinklerSoundURL, 'WrinklerSound', 'WrinklerVolume', false);
+        nF.playCMSound(
+          'cookieMonsterMod',
+          Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerSoundURL,
+          'WrinklerSound',
+          'WrinklerVolume',
+          false,
+        );
       }
-      if (CurrentWrinklers === Game.getWrinklersMax() && CMOptions.WrinklerMaxNotification) {
+      if (
-        CreateNotification(
+        CurrentWrinklers === Game.getWrinklersMax() &&
+        Game.mods.cookieMonsterFramework.saveData.cookieMonsterMod.settings.WrinklerMaxNotification
+      ) {
+        nF.createNotification(
+          'cookieMonsterMod',
           'WrinklerMaxNotification',
           'Maximum Wrinklers Reached',
           'You have reached your maximum ammount of wrinklers',
         );
       } else {
-        CreateNotification(
+        nF.createNotification(
+          'cookieMonsterMod',
           'WrinklerNotification',
           'A Wrinkler appeared',
           'A new wrinkler has appeared',