b18fd90b64
* fix: dashboard logs out user when cookie expires or is unauthorized * fix: handles the 401 error thrown when trying to refresh tokens * chore: updated wrong logic when returning state in refresh token function * feat: introduced auth exchange to urql client to check for errors on each backend call * fix: prevent multiple window reloads --------- Co-authored-by: jamesgeorge007 <jamesgeorge998001@gmail.com>
65 lines
1.7 KiB
TypeScript
65 lines
1.7 KiB
TypeScript
import { createApp } from 'vue';
|
|
import urql, { createClient, cacheExchange, fetchExchange } from '@urql/vue';
|
|
import { authExchange } from '@urql/exchange-auth';
|
|
import App from './App.vue';
|
|
|
|
// STYLES
|
|
import 'virtual:windi.css';
|
|
import '@hoppscotch/ui/style.css';
|
|
import '../assets/scss/themes.scss';
|
|
import '../assets/scss/styles.scss';
|
|
import '@fontsource-variable/inter';
|
|
import '@fontsource-variable/material-symbols-rounded';
|
|
import '@fontsource-variable/roboto-mono';
|
|
// END STYLES
|
|
import { HOPP_MODULES } from './modules';
|
|
import { auth } from './helpers/auth';
|
|
import { pipe } from 'fp-ts/function';
|
|
import * as O from 'fp-ts/Option';
|
|
|
|
// Top-level await is not available in our targets
|
|
(async () => {
|
|
const app = createApp(App).use(
|
|
urql,
|
|
createClient({
|
|
url: import.meta.env.VITE_BACKEND_GQL_URL,
|
|
requestPolicy: 'network-only',
|
|
fetchOptions: () => {
|
|
return {
|
|
credentials: 'include',
|
|
};
|
|
},
|
|
exchanges: [
|
|
cacheExchange,
|
|
authExchange(async () => {
|
|
return {
|
|
addAuthToOperation(operation) {
|
|
return operation;
|
|
},
|
|
|
|
async refreshAuth() {
|
|
pipe(
|
|
await auth.performAuthRefresh(),
|
|
O.getOrElseW(async () => await auth.signOutUser(true))
|
|
);
|
|
},
|
|
|
|
didAuthError(error, _operation) {
|
|
return error.message === '[GraphQL] Unauthorized';
|
|
},
|
|
};
|
|
}),
|
|
fetchExchange,
|
|
],
|
|
})
|
|
);
|
|
|
|
// Initialize auth
|
|
await auth.performAuthInit();
|
|
|
|
// Initialize modules
|
|
HOPP_MODULES.forEach((mod) => mod.onVueAppInit?.(app));
|
|
|
|
app.mount('#app');
|
|
})();
|