Migrate back to npm, clean up some packages

.github/workflows/tests.yml

@@ -17,13 +17,13 @@ jobs:
           node-version: 16
 
       - name: Install all dependencies
-        run: yarn install --frozen-lockfile
+        run: npm ci
 
       - name: Check text spelling with yaspeller
-        run: yarn spell
+        run: npm run spell
 
       - name: Lint code with eslint
-        run: yarn lint
+        run: npm run lint
 
       - name: Run unit-tests
-        run: yarn jest
+        run: npm test

.gitignore

@@ -17,8 +17,6 @@
 .env.production.local
 
 npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
 
 .vscode
 .next

models/app/index.ts

@@ -1,4 +1,3 @@
-import makeInspectable from 'mobx-devtools-mst'
 import { types, typecheck, Instance, applySnapshot } from 'mobx-state-tree'
 
 import { Quiz, createEmptyQuiz } from '../quiz'
@@ -83,6 +82,5 @@ export function createAppModel(initState?: typeof AppModel): Instance<typeof App
   const middleware = new SaveOnChangeMiddleware(appModel, appStateRepository, ['toggleComplete', 'toggleAnswer'])
   middleware.enable()
 
-  makeInspectable(appModel)
   return appModel
 }

models/theme/index.ts

@@ -1,4 +1,3 @@
-import makeInspectable from 'mobx-devtools-mst'
 import { types } from 'mobx-state-tree'
 
 import { SaveOnChangeMiddleware } from '../saveOnChange'
@@ -8,7 +7,7 @@ export const ThemeModel = types
   .model({
     using: types.enumeration(['light', 'dark'])
   })
-  .actions(self => ({
+  .actions((self) => ({
     toggleTheme() {
       self.using = self.using === 'light' ? 'dark' : 'light'
     }
@@ -21,6 +20,5 @@ export function createThemeModel(savedState: typeof ThemeModel) {
   const middleware = new SaveOnChangeMiddleware(themeModel, stateRepository, ['toggleTheme'])
   middleware.enable()
 
-  makeInspectable(themeModel)
   return themeModel
 }