🚧 Validate JWT in platform/courses

Author: marcobrunodev

.eslintrc

@@ -3,9 +3,9 @@
   "parserOptions": {
     "sourceType": "module"
   },
-  "plugins": ["prettier", "svelte3"],
-  "extends": ["prettier"],
-  "rules": {
-    "prettier/prettier": "error"
-  }
-}
+  "plugins": [
+    "svelte3"
+  ],
+  "extends": [],
+  "rules": {}
+}

.vscode/settings.json

@@ -1,7 +1,8 @@
 {
   "editor.formatOnSave": true,
+  "eslint.autoFixOnSave": true,
   "files.associations": {
     ".huskyrc": "json",
     ".lintstagedrc": "json"
   }
-}
+}

package-lock.json

@@ -1,18 +1,6 @@
 import { start, goto, prefetch, prefetchRoutes } from '@sapper/app'
-import UserService from './services/user.service'
 
 start({
   target: document.querySelector('#sapper'),
-}).then(async function() {
-  const { status } = await UserService.validate()
-
-  console.log(status)
-
-  // status !== 200 && goto('login')
-})
-
-prefetch('platform/profile').then(() => {
-  console.log('PREFETCH')
 })
 
-prefetchRoutes().then(() => console.log('PREFETCH ROUTES'))

src/client.js

@@ -12,12 +12,10 @@
   }
 
   async function login() {
-    const res = await UserService.login(user)
-
     const {
       status,
       data: { field, error },
-    } = res
+    } = await UserService.login(user)
 
     if (status === 200) {
       goto('platform/courses')

src/containers/FormLogin.svelte

@@ -33,7 +33,10 @@
   <ul class="list">
     {#each menu as { href, label, icon }}
       <li class="option">
-        <a {href} class={`action ${segment === icon ? '-selected' : ''}`}>
+        <a
+          {href}
+          rel="prefetch"
+          class={`action ${segment === icon ? '-selected' : ''}`}>
           <IconCollab
             alt={`Página de ${label}`}
             name={icon && icon === segment ? `${icon}-selected` : icon} />

src/containers/MenuMobile.svelte

@@ -1,4 +1,5 @@
 <script>
+  import { onMount } from 'svelte'
   import HeaderCollab from '../../containers/HeaderCollab.svelte'
   import MenuMobile from '../../containers/MenuMobile.svelte'
 

src/routes/platform/_layout.svelte

@@ -1,5 +1,35 @@
+<script context="module">
+  import UserService from '../../services/user.service'
+
+  export async function preload() {}
+</script>
+
 <script>
+  import { goto } from '@sapper/app'
+  import { onMount } from 'svelte'
   import TitleCollab from '../../components/TitleCollab.svelte'
+
+  let showStatus
+
+  onMount(async () => {
+    try {
+      const { status, data } = await UserService.validate()
+
+      console.log('ENTRO!!!')
+
+      if (status !== 200) {
+        goto('login')
+
+        return false
+      }
+
+      showStatus = status
+    } catch (error) {
+      goto('login')
+    }
+  })
 </script>
 
-<TitleCollab content="Um dia serei a página de Cursos" />
+{#if showStatus === 200}
+  <TitleCollab content="Um dia serei a página de Cursos" />
+{/if}