Update to allow displaying words after loading

src/index.jsx

@@ -35,6 +35,8 @@ class App extends Component {
     }
 
     this.updater = new Updater(this, dictionary);
+
+    this.updateDisplayedWords();
   }
 
   get dictionaryInfo () {

src/managers/DictionaryData.js

@@ -40,21 +40,22 @@ class DictionaryData {
   constructor () {
     this.default = defaultDictionary;
 
-    if (['emptydb', 'donotsave'].includes(process.env.NODE_ENV)) {
+    if (['emptydetails', 'donotsave'].includes(process.env.NODE_ENV)) {
       store.remove('Lexiconga');
     }
 
     if (!store.get('Lexiconga')) {
       store.set('Lexiconga', defaultDictionary);
     } else {
-      const largestId = wordDb.words
+      wordDb.words
-        .orderBy('id').reverse()
+      .orderBy('id').reverse()
-        .first((word) => {
+      .first((word) => {
-          return word.id;
+        return parseInt(word.id);
-        });
+      })
-
+      .then(largestId => {
-      idManager.setId('word', ++largestId);
+        idManager.setId('word', ++largestId);
-      console.log('First word ID: ' + idManager.next('word').toString());
+        console.log('First word ID: ' + idManager.next('word').toString());
+      });
     }
   }
 

src/managers/IDManager.js

@@ -5,7 +5,7 @@ class IDManager {
     // Add IDs here as needed.
   }
 
-  setID (id, value) {
+  setId (id, value) {
     this[id] = value;
   }
 

webpack.config.js

@@ -4,7 +4,7 @@
 //  'emptydetails' to clear the dictionary details on each load.
 //  'emptydb' to clear the database on each load.
 //  'development' to not do anything special.
-const BUILDMODE = 'donotsave';
+const BUILDMODE = 'development';
 
 const webpack = require('webpack');
 const path = require('path');
@@ -132,6 +132,8 @@ if (BUILDMODE === 'production') {
   );
 
   webpackConfig.devtool = 'hidden-source-map';
+} else {
+  webpackConfig.devtool = 'source-map';
 }
 
 module.exports = webpackConfig;