:recycle: updating readme for nodev isntructions | failing gracefully for certain nodev survey edge cases | tweaked onmessage log response

README.md

@@ -28,7 +28,7 @@ See `./docs`
 4. Create tables and populate the database with some test data using `npm run migrate` and `npm run seed` from the `./backend` directory
 5. Start the backend using `npm run start`
 6. Navigate to the `./frontend` directory and run `npm install`
-7. Start the frontend development server with `npm run dev`
+7. Start the frontend development server with `npm run dev` or `npm run nodev` if you want to remove restrictions on logging in and profile completeness
 8. User a web browser to check `http://localhost:3000` 
 
 ## :ship: CI/CD

frontend/src/main.js

@@ -11,17 +11,24 @@ const DEV = import.meta.env.VITE_DEV == 'true'
  * Check between route changes for login/timeout
  */
 router.beforeEach((to, from, next) => {
+    /**
+     * Skip any route guarding with `npm run dev`
+     */
+    if(DEV) { next() }
+
     /**
      * Use the loginService to deal with login details
+     * Activate with `npm run nodev`
      */
-    console.log('DEV :', DEV)
-    if(DEV) {
-        next()
-    } else {
+    else {
         checkLoginStatus(to, next)
     }
 })
 
-const siimee = createApp(App).use(router)
-siimee.component('MainNav', MainNav)
-siimee.mount('#app')
+const run = entry => {
+    const siimee = createApp(App).use(router)
+    siimee.component('MainNav', MainNav)
+    siimee.mount(entry)
+}
+
+run('#app')

frontend/src/services/chat.service.js

@@ -79,8 +79,7 @@ class Chatter {
      * @param {event} e
      */
     async _onMessage(e) {
-        console.log(e.message.title)
-        console.log(e.message.description)
+        console.log(`received message: ${e.message.title} - ${e.message.description}`)
     }
     async _onPresence(e) {
         return

frontend/src/utils/survey.js

@@ -27,10 +27,10 @@ class SurveyFactory {
     async getQuestions() {
         this.questions = await fetchQuestions()
     }
-    createSurvey(langFile, roleTree) {
+    async createSurvey(langFile, roleTree) {
         if(!this.questions.length) {
-            console.error('Get questions before creating a survey')
-            return
+            console.error('Attempted to create a survey before getting questions')
+            await this.getQuestions()
         }
 
         const steps = this._setSteps(langFile)

frontend/src/views/SurveyView.vue

@@ -121,12 +121,12 @@ export default {
             )
         },
     },
-    created() {
+    async created() {
         /**
          * Before this ever gets called, surveyFactory.questions
          * must be set by App.created()
          */
-        this.validSurvey = surveyFactory.createSurvey(
+        this.validSurvey = await surveyFactory.createSurvey(
             allSteps['usa'],
             possible['usa']['roles'],
         )