feat: replace loading indicator with C logo fill loader and pre-Vue splash screen (#9516)

This commit is contained in:
Jin Yi
2026-03-11 08:00:10 +09:00
committed by GitHub
parent f97c38e6ee
commit d11a0f6c5e
11 changed files with 184 additions and 264 deletions

View File

@@ -1,11 +1,5 @@
<template>
<slot v-if="isReady" />
<div
v-else
class="fixed inset-0 z-1100 flex items-center justify-center bg-(--p-mask-background)"
>
<LogoComfyWaveLoader size="xl" color="yellow" disable-animation />
</div>
</template>
<script setup lang="ts">
@@ -20,6 +14,9 @@
*
* This prevents race conditions where API calls use Firebase tokens
* instead of workspace tokens when the workspace feature is enabled.
*
* The splash loader in index.html (z-9999) covers the screen during this
* phase, so no separate loading indicator is needed here.
*/
import { promiseTimeout, until } from '@vueuse/core'
import { storeToRefs } from 'pinia'
@@ -30,7 +27,6 @@ import { isCloud } from '@/platform/distribution/types'
import { refreshRemoteConfig } from '@/platform/remoteConfig/refreshRemoteConfig'
import { useTeamWorkspaceStore } from '@/platform/workspace/stores/teamWorkspaceStore'
import { useFirebaseAuthStore } from '@/stores/firebaseAuthStore'
import LogoComfyWaveLoader from '@/components/loader/LogoComfyWaveLoader.vue'
const FIREBASE_INIT_TIMEOUT_MS = 16_000
const CONFIG_REFRESH_TIMEOUT_MS = 10_000