forked from didirus/AstralRinth
910e219c0e
* initial fixes * 0.8.0 beta fixes * run actions * run fmt * Fix windows build * Add purge cache opt * add must revalidate to project req * lint + clippy * fix processes, open folder * Update migrator to use old launcher cache for perf * fix empty dirs not moving * fix lint + create natives dir if not exist * fix large request batches * finish * Fix deep linking on mac * fix comp err * fix comp err (2) --------- Signed-off-by: Geometrically <18202329+Geometrically@users.noreply.github.com>
305 lines
10 KiB
Vue
305 lines
10 KiB
Vue
<script setup>
|
|
import { XIcon, IssuesIcon, LogInIcon, UpdatedIcon } from '@modrinth/assets'
|
|
import { Modal } from '@modrinth/ui'
|
|
import { ChatIcon } from '@/assets/icons'
|
|
import { ref } from 'vue'
|
|
import { login as login_flow, set_default_user } from '@/helpers/auth.js'
|
|
import { handleError } from '@/store/notifications.js'
|
|
import mixpanel from 'mixpanel-browser'
|
|
import { handleSevereError } from '@/store/error.js'
|
|
import { cancel_directory_change } from '@/helpers/settings.js'
|
|
|
|
const errorModal = ref()
|
|
const error = ref()
|
|
const closable = ref(true)
|
|
|
|
const title = ref('An error occurred')
|
|
const errorType = ref('unknown')
|
|
const supportLink = ref('https://support.modrinth.com')
|
|
const metadata = ref({})
|
|
|
|
defineExpose({
|
|
async show(errorVal, canClose = true, source = null) {
|
|
closable.value = canClose
|
|
|
|
if (errorVal.message && errorVal.message.includes('Minecraft authentication error:')) {
|
|
title.value = 'Unable to sign in to Minecraft'
|
|
errorType.value = 'minecraft_auth'
|
|
supportLink.value =
|
|
'https://support.modrinth.com/en/articles/9038231-minecraft-sign-in-issues'
|
|
|
|
if (
|
|
errorVal.message.includes('existing connection was forcibly closed') ||
|
|
errorVal.message.includes('error sending request for url')
|
|
) {
|
|
metadata.value.network = true
|
|
}
|
|
if (errorVal.message.includes('because the target machine actively refused it')) {
|
|
metadata.value.hostsFile = true
|
|
}
|
|
} else if (errorVal.message && errorVal.message.includes('User is not logged in')) {
|
|
title.value = 'Sign in to Minecraft'
|
|
errorType.value = 'minecraft_sign_in'
|
|
supportLink.value = 'https://support.modrinth.com'
|
|
} else if (errorVal.message && errorVal.message.includes('Move directory error:')) {
|
|
title.value = 'Could not change app directory'
|
|
errorType.value = 'directory_move'
|
|
supportLink.value = 'https://support.modrinth.com'
|
|
|
|
if (errorVal.message.includes('directory is not writeable')) {
|
|
metadata.value.readOnly = true
|
|
}
|
|
|
|
if (errorVal.message.includes('Not enough space')) {
|
|
metadata.value.notEnoughSpace = true
|
|
}
|
|
} else if (source === 'state_init') {
|
|
title.value = 'Error initializing Modrinth App'
|
|
errorType.value = 'state_init'
|
|
supportLink.value = 'https://support.modrinth.com'
|
|
} else {
|
|
title.value = 'An error occurred'
|
|
errorType.value = 'unknown'
|
|
supportLink.value = 'https://support.modrinth.com'
|
|
metadata.value = {}
|
|
}
|
|
|
|
error.value = errorVal
|
|
errorModal.value.show()
|
|
},
|
|
})
|
|
|
|
const loadingMinecraft = ref(false)
|
|
async function loginMinecraft() {
|
|
try {
|
|
loadingMinecraft.value = true
|
|
const loggedIn = await login_flow()
|
|
|
|
if (loggedIn) {
|
|
await set_default_user(loggedIn.id).catch(handleError)
|
|
}
|
|
|
|
await mixpanel.track('AccountLogIn')
|
|
loadingMinecraft.value = false
|
|
errorModal.value.hide()
|
|
} catch (err) {
|
|
loadingMinecraft.value = false
|
|
handleSevereError(err)
|
|
}
|
|
}
|
|
|
|
async function cancelDirectoryChange() {
|
|
try {
|
|
await cancel_directory_change()
|
|
window.location.reload()
|
|
} catch (err) {
|
|
handleError(err)
|
|
}
|
|
}
|
|
|
|
function retryDirectoryChange() {
|
|
window.location.reload()
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<Modal ref="errorModal" :header="title" :closable="closable">
|
|
<div class="modal-body">
|
|
<div class="markdown-body">
|
|
<template v-if="errorType === 'minecraft_auth'">
|
|
<template v-if="metadata.network">
|
|
<h3>Network issues</h3>
|
|
<p>
|
|
It looks like there were issues with the Modrinth App connecting to Microsoft's
|
|
servers. This is often the result of a poor connection, so we recommend trying again
|
|
to see if it works. If issues continue to persist, follow the steps in
|
|
<a
|
|
href="https://support.modrinth.com/en/articles/9038231-minecraft-sign-in-issues#h_e71a5f805f"
|
|
>
|
|
our support article
|
|
</a>
|
|
to troubleshoot.
|
|
</p>
|
|
</template>
|
|
<template v-else-if="metadata.hostsFile">
|
|
<h3>Network issues</h3>
|
|
<p>
|
|
The Modrinth App tried to connect to Microsoft / Xbox / Minecraft services, but the
|
|
remote server rejected the connection. This may indicate that these services are
|
|
blocked by the hosts file. Please visit
|
|
<a
|
|
href="https://support.modrinth.com/en/articles/9038231-minecraft-sign-in-issues#h_d694a29256"
|
|
>
|
|
our support article
|
|
</a>
|
|
for steps on how to fix the issue.
|
|
</p>
|
|
</template>
|
|
<template v-else>
|
|
<h3>Try another Microsoft account</h3>
|
|
<p>
|
|
Double check you've signed in with the right account. You may own Minecraft on a
|
|
different Microsoft account.
|
|
</p>
|
|
<div class="cta-button">
|
|
<button class="btn btn-primary" :disabled="loadingMinecraft" @click="loginMinecraft">
|
|
<LogInIcon /> Try another account
|
|
</button>
|
|
</div>
|
|
<h3>Using PC Game Pass, coming from Bedrock, or just bought the game?</h3>
|
|
<p>
|
|
Try signing in with the
|
|
<a href="https://www.minecraft.net/en-us/download">official Minecraft Launcher</a>
|
|
first. Once you're done, come back here and sign in!
|
|
</p>
|
|
</template>
|
|
<div class="cta-button">
|
|
<button class="btn btn-primary" :disabled="loadingMinecraft" @click="loginMinecraft">
|
|
<LogInIcon /> Try signing in again
|
|
</button>
|
|
</div>
|
|
</template>
|
|
<template v-if="errorType === 'directory_move'">
|
|
<template v-if="metadata.readOnly">
|
|
<h3>Change directory permissions</h3>
|
|
<p>
|
|
It looks like the Modrinth App is unable to write to the directory you selected.
|
|
Please adjust the permissions of the directory and try again or cancel the directory
|
|
change.
|
|
</p>
|
|
</template>
|
|
<template v-else-if="metadata.notEnoughSpace">
|
|
<h3>Not enough space</h3>
|
|
<p>
|
|
It looks like there is not enough space on the disk containing the dirctory you
|
|
selected Please free up some space and try again or cancel the directory change.
|
|
</p>
|
|
</template>
|
|
<template v-else>
|
|
<p>
|
|
The Modrinth App is unable to migrate to the new directory you selected. Please
|
|
contact support for help or cancel the directory change.
|
|
</p>
|
|
</template>
|
|
|
|
<div class="cta-button">
|
|
<button class="btn" @click="retryDirectoryChange">
|
|
<UpdatedIcon /> Retry directory change
|
|
</button>
|
|
<button class="btn btn-danger" @click="cancelDirectoryChange">
|
|
<XIcon /> Cancel directory change
|
|
</button>
|
|
</div>
|
|
</template>
|
|
<div v-else-if="errorType === 'minecraft_sign_in'">
|
|
<p>
|
|
To play this instance, you must sign in through Microsoft below. If you don't have a
|
|
Minecraft account, you can purchase the game on the
|
|
<a href="https://www.minecraft.net/en-us/store/minecraft-java-bedrock-edition-pc"
|
|
>Minecraft website</a
|
|
>.
|
|
</p>
|
|
<div class="cta-button">
|
|
<button class="btn btn-primary" :disabled="loadingMinecraft" @click="loginMinecraft">
|
|
<LogInIcon /> Sign in to Minecraft
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<template v-else-if="errorType === 'state_init'">
|
|
<p>
|
|
Modrinth App failed to load correctly. This may be because of a corrupted file, or
|
|
because the app is missing crucial files.
|
|
</p>
|
|
<p>You may be able to fix it through one of the following ways:</p>
|
|
<ul>
|
|
<li>Ennsuring you are connected to the internet, then try restarting the app.</li>
|
|
<li>Redownloading the app.</li>
|
|
</ul>
|
|
</template>
|
|
<template v-else>
|
|
{{ error.message ?? error }}
|
|
</template>
|
|
<template
|
|
v-if="
|
|
errorType === 'directory_move' ||
|
|
errorType === 'minecraft_auth' ||
|
|
errorType === 'state_init'
|
|
"
|
|
>
|
|
<hr />
|
|
<p>
|
|
If nothing is working and you need help, visit
|
|
<a :href="supportLink">our support page</a>
|
|
and start a chat using the widget in the bottom right and we will be more than happy to
|
|
assist! Make sure to provide the following debug information to the agent:
|
|
</p>
|
|
<details>
|
|
<summary>Debug information</summary>
|
|
{{ error.message ?? error }}
|
|
</details>
|
|
</template>
|
|
</div>
|
|
<div class="input-group push-right">
|
|
<a :href="supportLink" class="btn" @click="errorModal.hide()"><ChatIcon /> Get support</a>
|
|
<button v-if="closable" class="btn" @click="errorModal.hide()"><XIcon /> Close</button>
|
|
</div>
|
|
</div>
|
|
</Modal>
|
|
</template>
|
|
|
|
<style>
|
|
.light-mode {
|
|
--color-orange-bg: rgba(255, 163, 71, 0.2);
|
|
}
|
|
|
|
.dark-mode,
|
|
.oled-mode {
|
|
--color-orange-bg: rgba(224, 131, 37, 0.2);
|
|
}
|
|
</style>
|
|
|
|
<style scoped lang="scss">
|
|
.cta-button {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 0.5rem;
|
|
gap: 0.5rem;
|
|
}
|
|
|
|
.warning-banner {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.5rem;
|
|
padding: var(--gap-lg);
|
|
background-color: var(--color-orange-bg);
|
|
border: 2px solid var(--color-orange);
|
|
border-radius: var(--radius-md);
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
.warning-banner__title {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 0.5rem;
|
|
font-weight: 700;
|
|
|
|
svg {
|
|
color: var(--color-orange);
|
|
height: 1.5rem;
|
|
width: 1.5rem;
|
|
}
|
|
}
|
|
|
|
.modal-body {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: var(--gap-md);
|
|
padding: var(--gap-lg);
|
|
}
|
|
|
|
.markdown-body {
|
|
overflow: auto;
|
|
}
|
|
</style>
|