fix(website): fix reading local storage on old version and default to components

Author: christianalfoni

packages/overmind-website/backend/index.js

@@ -136,9 +136,12 @@ app.get('/backend/search', (req, res) => {
   res.send(hits.slice(0, 5))
 })
 
-let indexHtml = fs.readFileSync(path.join(__dirname, 'index.html')).toString()
+let indexHtml
 
 if (IS_PRODUCTION) {
+  indexHtml = fs
+    .readFileSync(path.join(__dirname, '..', 'dist', 'index.html'))
+    .toString()
   indexHtml = indexHtml.replace(
     '</body>',
     `
@@ -153,6 +156,8 @@ if (IS_PRODUCTION) {
 </body>
   `
   )
+} else {
+  indexHtml = fs.readFileSync(path.join(__dirname, 'index.html')).toString()
 }
 
 app.get('/*', (_, res) => res.send(indexHtml))

packages/overmind-website/src/app/effects.ts

@@ -15,7 +15,12 @@ export const request = (url: string) =>
 export const storage = {
   get(key: string) {
     const value = localStorage.getItem(key)
-    return value ? JSON.parse(value) : null
+    let returnValue = null
+    try {
+      returnValue = value ? JSON.parse(value) : null
+    } catch (e) {}
+
+    return returnValue
   },
   set(key: string, value: any) {
     localStorage.setItem(key, JSON.stringify(value))

packages/overmind-website/src/app/onInitialize.ts

@@ -8,7 +8,7 @@ const onInitialize: OnInitialize = ({
   css,
 }) => {
   state.typescript = storage.get('typescript') || false
-  state.theme = storage.get('theme') || 'react'
+  state.theme = storage.get('theme') || 'components'
   css.changePrimary(state.theme)
 
   router.route('/', app.actions.openHome)