Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

feat: creation flow modals #5383

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
IMB11 wants to merge 16 commits into cal/content-tab-rewrite-hosting
base: cal/content-tab-rewrite-hosting
Choose a base branch
Loading
from cal/creation-flow-modals
Draft
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
e551ab0
feat: start on modal layout + story for testing
IMB11 Feb 14, 2026
4e3fdd6
feat: modpack stage ready
IMB11 Feb 14, 2026
d966b22
feat: type prop for instance creation, world creation and server set ...
IMB11 Feb 14, 2026
678ac1f
feat: impl modal into server panel
IMB11 Feb 14, 2026
3ea03c6
feat: complete server onboarding flow fixes + impl additional options...
IMB11 Feb 16, 2026
f1f1a77
feat: loader page changes
IMB11 Feb 16, 2026
1e87719
feat: alignment with figma flows
IMB11 Feb 18, 2026
317e4d6
polish: cleanup
IMB11 Feb 18, 2026
95988d1
feat: use api client
IMB11 Feb 18, 2026
8d68cad
refactor: replace InstanceCreationModal with new flow
IMB11 Feb 18, 2026
3ddb2f9
polish: qa
IMB11 Feb 18, 2026
77fd62a
Merge remote-tracking branch 'origin/cal/content-tab-rewrite-hosting'...
IMB11 Feb 18, 2026
d4bcb48
fix: lint
IMB11 Feb 18, 2026
fd3010d
fix: import instance stage
IMB11 Feb 18, 2026
ca042bc
qa: 1
IMB11 Feb 18, 2026
3c3cfd2
Merge branch 'cal/content-tab-rewrite-hosting' into cal/creation-flow...
IMB11 Feb 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 15 additions & 6 deletions apps/app-frontend/src/App.vue
View file Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,7 @@ import {
Button,
ButtonStyled,
commonMessages,
CreationFlowModal,
defineMessages,
I18nDebugPanel,
NewsArticleCard,
Expand Down Expand Up @@ -65,7 +66,6 @@ import FriendsList from '@/components/ui/friends/FriendsList.vue'
import IncompatibilityWarningModal from '@/components/ui/install_flow/IncompatibilityWarningModal.vue'
import InstallConfirmModal from '@/components/ui/install_flow/InstallConfirmModal.vue'
import ModInstallModal from '@/components/ui/install_flow/ModInstallModal.vue'
import InstanceCreationModal from '@/components/ui/InstanceCreationModal.vue'
import AppSettingsModal from '@/components/ui/modal/AppSettingsModal.vue'
import AuthGrantFlowWaitModal from '@/components/ui/modal/AuthGrantFlowWaitModal.vue'
import NavButton from '@/components/ui/NavButton.vue'
Expand All @@ -84,6 +84,7 @@ import { get_user } from '@/helpers/cache.js'
import { command_listener, warning_listener } from '@/helpers/events.js'
import { useFetch } from '@/helpers/fetch.js'
import { cancelLogin, get as getCreds, login, logout } from '@/helpers/mr_auth.ts'
import { create_profile_and_install_from_file } from '@/helpers/pack'
import { list } from '@/helpers/profile.js'
import { get as getSettings, set as setSettings } from '@/helpers/settings.ts'
import { get_opening_command, initialize_state } from '@/helpers/state'
Expand All @@ -100,11 +101,11 @@ import {
provideAppUpdateDownloadProgress,
subscribeToDownloadProgress,
} from '@/providers/download-progress.ts'
import { setupProviders } from '@/providers/setup'
import { useError } from '@/store/error.js'
import { useInstall } from '@/store/install.js'
import { useLoading, useTheming } from '@/store/state'

import { create_profile_and_install_from_file } from './helpers/pack'
import { generateSkinPreviews } from './helpers/rendering/batch-skin-renderer'
import { get_available_capes, get_available_skins } from './helpers/skins'
import { AppNotificationManager } from './providers/app-notifications'
Expand Down Expand Up @@ -134,6 +135,10 @@ provideModalBehavior({
onShow: () => hide_ads_window(),
onHide: () => show_ads_window(),
})

const { installationModal, handleCreate, handleBrowseModpacks } =
setupProviders(notificationManager)

const news = ref([])
const availableSurvey = ref(false)

Expand Down Expand Up @@ -804,9 +809,13 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
<Suspense>
<AuthGrantFlowWaitModal ref="modrinthLoginFlowWaitModal" @flow-cancel="cancelLogin" />
</Suspense>
<Suspense>
<InstanceCreationModal ref="installationModal" />
</Suspense>
<CreationFlowModal
ref="installationModal"
type="instance"
show-snapshot-toggle
@create="handleCreate"
@browse-modpacks="handleBrowseModpacks"
/>
<div
class="app-grid-navbar bg-bg-raised flex flex-col p-[0.5rem] pt-0 gap-[0.5rem] w-[--left-bar-width]"
>
Expand Down Expand Up @@ -852,7 +861,7 @@ provideAppUpdateDownloadProgress(appUpdateDownload)
</suspense>
<NavButton
v-tooltip.right="'Create new instance'"
:to="() => $refs.installationModal.show()"
:to="() => installationModal?.show()"
:disabled="offline"
>
<PlusIcon />
Expand Down
Loading
Loading

AltStyle によって変換されたページ (->オリジナル) /