Update master with new auth (#1236)

* Begin UI for threads and moderation overhaul * Hide close button on non-report threads * Fix review age coloring * Add project count * Remove action buttons from queue page and add queued date to project page * Hook up to actual data * Remove unused icon * Get up to 1000 projects in queue * prettier * more prettier * Changed all the things * lint * rebuild * Add omorphia * Workaround formatjs bug in ThreadSummary.vue * Fix notifications page on prod * Fix a few notifications and threads bugs * lockfile * Fix duplicate button styles * more fixes and polishing * More fixes * Remove legacy pages * More bugfixes * Add some error catching for reports and notifications * More error handling * fix lint * Add inbox links * Remove loading component and rename member header * Rely on threads always existing * Handle if project update notifs are not grouped * oops * Fix chips on notifications page * Import ModalModeration * finish threads * New authentication (#1234) * Initial new auth work * more auth pages * Finish most * more * fix on landing page * Finish everything but PATs + Sessions * fix threads merge bugs * fix cf pages ssr * fix most issues * Finish authentication * Fix merge --------- Co-authored-by: triphora <emma@modrinth.com> Co-authored-by: Jai A <jaiagr+gpg@pm.me> Co-authored-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
2023-07-20 11:19:42 -07:00
parent a5613ebb10
commit 34d63f3557
72 changed files with 2373 additions and 711 deletions
--- a/pages/auth/reset-password.vue
+++ b/pages/auth/reset-password.vue
@@ -0,0 +1,113 @@
+<template>
+  <div class="auth-page-container">
+    <h1>Reset your password</h1>
+    <template v-if="step === 'choose_method'">
+      <p>
+        Enter your email below and we'll send a recovery link to allow you to recover your account.
+        <NuxtTurnstile ref="turnstile" v-model="token" class="turnstile" />
+      </p>
+      <label for="email" hidden>Email or username</label>
+      <input id="email" v-model="email" type="text" placeholder="Email or username" />
+      <button class="btn btn-primary continue-btn" @click="recovery">Send recovery email</button>
+    </template>
+    <template v-else-if="step === 'passed_challenge'">
+      <p>Enter your new password below to gain access to your account.</p>
+      <label for="password" hidden>Password</label>
+      <input id="password" v-model="newPassword" type="password" placeholder="Password" />
+      <label for="confirm-password" hi2dden>Password</label>
+      <input
+        id="confirm-password"
+        v-model="confirmNewPassword"
+        type="password"
+        placeholder="Confirm password"
+      />
+      <button class="btn btn-primary continue-btn" @click="changePassword">Reset password</button>
+    </template>
+  </div>
+</template>
+<script setup>
+useHead({
+  title: 'Reset Password - Modrinth',
+})
+
+const auth = await useAuth()
+if (auth.value.user) {
+  await navigateTo('/dashboard')
+}
+
+const data = useNuxtApp()
+const route = useRoute()
+
+const step = ref('choose_method')
+
+if (route.query.flow) {
+  step.value = 'passed_challenge'
+}
+
+const turnstile = ref()
+
+const email = ref('')
+const token = ref('')
+
+async function recovery() {
+  startLoading()
+  try {
+    await useBaseFetch('auth/password/reset', {
+      method: 'POST',
+      body: {
+        username: email.value,
+        challenge: token.value,
+      },
+    })
+
+    data.$notify({
+      group: 'main',
+      title: 'Email sent',
+      text: 'An email with instructions has been sent to you if the email was previously saved on your account.',
+      type: 'success',
+    })
+  } catch (err) {
+    data.$notify({
+      group: 'main',
+      title: 'An error occurred',
+      text: err.data ? err.data.description : err,
+      type: 'error',
+    })
+    turnstile.value?.reset()
+  }
+  stopLoading()
+}
+
+const newPassword = ref('')
+const confirmNewPassword = ref('')
+
+async function changePassword() {
+  startLoading()
+  try {
+    await useBaseFetch('auth/password', {
+      method: 'PATCH',
+      body: {
+        new_password: newPassword.value,
+        flow: route.query.flow,
+      },
+    })
+
+    data.$notify({
+      group: 'main',
+      title: 'Password successfully reset',
+      text: 'You can now log-in into your account with your new password.',
+      type: 'success',
+    })
+    await navigateTo('/auth/sign-in')
+  } catch (err) {
+    data.$notify({
+      group: 'main',
+      title: 'An error occurred',
+      text: err.data ? err.data.description : err,
+      type: 'error',
+    })
+    turnstile.value?.reset()
+  }
+  stopLoading()
+}
+</script>