feat: new level names - Noobs, Normies, Torment, and Hell

src/levels.js

@@ -3,25 +3,29 @@ export const levels = {
     rows: 9,
     cols: 9,
     mines: 10,
-    name: 'beginner'
+    id: 'beginner',
+    name: 'Noobs'
   },
   intermediate: {
     rows: 16,
     cols: 16,
     mines: 40,
-    name: 'intermediate'
+    id: 'intermediate',
+    name: 'Normies'
   },
   expert: {
     rows: 16,
     cols: 30,
     mines: 99,
-    name: 'expert'
+    id: 'expert',
+    name: 'Torment'
   },
   nightmare: {
     rows: 20,
     cols: 30,
     mines: 150,
-    name: 'nightmare'
+    id: 'nightmare',
+    name: 'Hell'
   }
 }
 

src/minesweeper.js

@@ -69,6 +69,7 @@ export const Minesweeper = function(appId) {
       rows: 10,
       cols: 10,
       mines: 10,
+      id: 'test',
       name: 'test'
     }
   }
@@ -103,7 +104,7 @@ export const Minesweeper = function(appId) {
 
   function initializeLeaderBoard() {
     const title = `Best Times (${setting.name})`
-    leaderBoard.update(setting.name, leaderWrapper, title)
+    leaderBoard.update(setting.id, leaderWrapper, title)
 
     if(appElement)
       appElement.append(leaderWrapper)
@@ -123,9 +124,9 @@ export const Minesweeper = function(appId) {
     const levelsKeys = Object.keys(levels)
     levelsKeys.forEach(key => {
       const levelOption = document.createElement('option')
-      levelOption.value = levels[key].name
-      levelOption.text = capitalize(levels[key].name)
-      if (setting.name === levelOption.value) {
+      levelOption.value = levels[key].id
+      levelOption.text = levels[key].name
+      if (setting.id === levelOption.value) {
         levelOption.selected = true
       }
       levelsDropdown.add(levelOption, null)
@@ -189,11 +190,6 @@ export const Minesweeper = function(appId) {
     footbar.append(customWrapper)
   }
 
-  function capitalize(str) {
-    if (!str) return ''
-    return `${str[0].toUpperCase()}${str.slice(1, str.length)}`
-  }
-
   function initializeToolbar() {
     const toolbar = document.createElement('div')
     const toolbarItems = []
@@ -532,7 +528,7 @@ export const Minesweeper = function(appId) {
     const game = {
       time,
       status: win ? 'win' : 'loss',
-      level: setting.name,
+      level: setting.id,
       time_stamp: new Date(),
       isMobile
     }