fix: 🐛 Zenodo callback issue resolved with purging token before sign in

ui/components.d.ts

@@ -17,23 +17,18 @@ declare module 'vue' {
     NCheckbox: typeof import('naive-ui')['NCheckbox']
     NCollapse: typeof import('naive-ui')['NCollapse']
     NCollapseItem: typeof import('naive-ui')['NCollapseItem']
-    NCollapseTransition: typeof import('naive-ui')['NCollapseTransition']
-    NDatePicker: typeof import('naive-ui')['NDatePicker']
     NDivider: typeof import('naive-ui')['NDivider']
     NDropdown: typeof import('naive-ui')['NDropdown']
-    NDynamicInput: typeof import('naive-ui')['NDynamicInput']
     NFlex: typeof import('naive-ui')['NFlex']
     NForm: typeof import('naive-ui')['NForm']
     NFormItem: typeof import('naive-ui')['NFormItem']
     NInput: typeof import('naive-ui')['NInput']
     NModal: typeof import('naive-ui')['NModal']
-    NPopconfirm: typeof import('naive-ui')['NPopconfirm']
     NPopover: typeof import('naive-ui')['NPopover']
     NRadio: typeof import('naive-ui')['NRadio']
     NRadioButton: typeof import('naive-ui')['NRadioButton']
     NRadioGroup: typeof import('naive-ui')['NRadioGroup']
     NSelect: typeof import('naive-ui')['NSelect']
-    NSpace: typeof import('naive-ui')['NSpace']
     NSpin: typeof import('naive-ui')['NSpin']
     NTag: typeof import('naive-ui')['NTag']
     NTooltip: typeof import('naive-ui')['NTooltip']

ui/pages/dashboard/[owner]/[repo]/release/zenodo.vue

@@ -500,6 +500,25 @@ const validateZenodoForm = () => {
   });
 };
 
+const loginToZenodo = async () => {
+  // Send api request to purge the Zenodo token
+  await $fetch(`/api/user/zenodo`, {
+    headers: useRequestHeaders(["cookie"]),
+    method: "DELETE",
+  })
+    .then(() => {
+      // Redirect to the Zenodo login page
+      window.location.href = zenodoLoginUrl.value;
+    })
+    .catch((error) => {
+      console.error("Failed to purge Zenodo token:", error);
+      push.error({
+        title: "Failed to purge Zenodo token",
+        message: "Please try again later",
+      });
+    });
+}
+
 const githubReleaseInterval = ref<any>(null);
 
 onMounted(() => {
@@ -760,7 +779,7 @@ onBeforeUnmount(() => {
               login to Zenodo to continue.
             </p>
 
-            <a v-if="!haveValidZenodoToken" :href="zenodoLoginUrl">
+            <a v-if="!haveValidZenodoToken" @click="loginToZenodo">
               <n-button type="primary">
                 <template #icon>
                   <Icon name="simple-icons:zenodo" size="16" />

ui/server/api/user/zenodo.delete.ts

@@ -0,0 +1,25 @@
+import type { User } from "lucia";
+
+export default defineEventHandler(async (event) => {
+  protectRoute(event);
+
+  const user = event.context.user as User | null;
+
+  if (!user) {
+    throw createError({
+      statusCode: 400,
+      statusMessage: "Bad Request. Missing user in the URL params",
+    });
+  }
+
+  // Delete only the Zenodo token from the zenodoToken table
+  await prisma.zenodoToken.deleteMany({
+    where: {
+      user_id: user.id,
+    },
+  });
+
+  return {
+    message: "Zenodo token purged",
+  };
+});