diff --git a/ui/src/components/shared/DbMigrateButton.tsx b/ui/src/components/shared/DbMigrateButton.tsx
new file mode 100644
index 00000000..538fcaef
--- /dev/null
+++ b/ui/src/components/shared/DbMigrateButton.tsx
@@ -0,0 +1,69 @@
+import { useState } from 'react'
+import { FcAcceptDatabase } from 'react-icons/fc'
+import { Button } from '@/components/ui'
+import ConfirmDialog from '@/components/shared/ConfirmDialog'
+import { UiEvalService } from '@/services/UiEvalService'
+import { useLocalization } from '@/utils/hooks/useLocalization'
+import { usePermission } from '@/utils/hooks/usePermission'
+import { DB_MIGRATE } from '@/constants/permission.constant'
+
+interface DbMigrateButtonProps {
+ /** Küçük ekranlarda etiketi gizle (yalnızca ikon göster). */
+ hideLabelOnMobile?: boolean
+ className?: string
+}
+
+/**
+ * "DB Migrate" aksiyonu — onay diyaloğu ve yetki kontrolü dahil.
+ *
+ * SQL Query Manager ve Wizard dosya yöneticisi aynı işi yaptığı için tek bileşende
+ * toplanmıştır. Yetkisi olmayan kullanıcıya buton hiç render edilmez; asıl kontrol
+ * yine de sunucuda (`App.Setup.Migrate`) yapılır.
+ */
+const DbMigrateButton = ({ hideLabelOnMobile = false, className }: DbMigrateButtonProps) => {
+ const { translate } = useLocalization()
+ const { checkPermission } = usePermission()
+ const [isConfirmOpen, setIsConfirmOpen] = useState(false)
+
+ if (!checkPermission(DB_MIGRATE)) {
+ return null
+ }
+
+ const label = translate('::ListForms.ListForm.DbMigrate') || 'DB Migrate'
+
+ return (
+ <>
+ }
+ className={className}
+ onClick={() => setIsConfirmOpen(true)}
+ title={translate('::App.DbMigrate.StartMessage') || 'Run DB Migration'}
+ >
+ {hideLabelOnMobile ? {label} : label}
+
+
+ setIsConfirmOpen(false)}
+ onClose={() => setIsConfirmOpen(false)}
+ onConfirm={() => {
+ setIsConfirmOpen(false)
+ UiEvalService.ApiDbMigrate()
+ }}
+ >
+
+
+ )
+}
+
+export default DbMigrateButton
diff --git a/ui/src/components/template/Theme.tsx b/ui/src/components/template/Theme.tsx
index 2342e7d5..226c5aae 100644
--- a/ui/src/components/template/Theme.tsx
+++ b/ui/src/components/template/Theme.tsx
@@ -17,34 +17,46 @@ let didInit = false
const Theme = (props: CommonProps) => {
const { getConfig } = useStoreActions((a) => a.abpConfig)
- const { setSetupMode } = useStoreActions((a) => a.base.common)
+ const { setSetupMode, setBootstrapFailed } = useStoreActions((a) => a.base.common)
const navigate = useNavigate()
const location = useLocation()
useEffect(() => {
- if (!didInit) {
- didInit = true
+ if (didInit) return
+ didInit = true
- // Direkt /setup'a gelindiyse — hemen setupMode=true yap (loading gate açılsın)
- if (location.pathname === ROUTES_ENUM.setup) {
- setSetupMode(true)
- return
+ // Direkt /setup'a gelindiyse — hemen setupMode=true yap (loading gate açılsın)
+ if (location.pathname === ROUTES_ENUM.setup) {
+ setSetupMode(true)
+ return
+ }
+
+ // Doğrudan config yüklenir. Her sayfa açılışında ayrıca veritabanı probe'u
+ // atılmaz — bu, canlı sistemde gereksiz bir istek ve DB bağlantısıydı.
+ //
+ // silentError: açılıştaki config hatası global hata diyaloğunu tetiklemez;
+ // kurulum modu kararı aşağıda verilir. Aksi halde kullanıcı kurulum sayfasının
+ // üstünde anlamsız bir "503" penceresi görüyordu.
+ getConfig({ silentError: true }).catch(async () => {
+ // Config alınamadı. Sunucu gerçekten kurulum modunda mı, yoksa geçici bir
+ // arıza mı? Yönlendirme SADECE sunucu kurulum modundayken yapılır; böylece
+ // çalışan bir sistemde veritabanı sorunu kullanıcıyı kurulum ekranına düşürmez.
+ try {
+ const { data } = await getSetupStatus()
+ if (data.setupMode) {
+ setSetupMode(true)
+ navigate(ROUTES_ENUM.setup, { replace: true })
+ return
+ }
+ } catch {
+ // Sunucuya hiç ulaşılamıyor — aşağıdaki bakım ekranı gösterilir.
}
- // Veritabanı var mı kontrol et; yoksa setup sayfasına yönlendir
- getSetupStatus()
- .then((res) => {
- if (!res.data.dbExists) {
- setSetupMode(true)
- navigate(ROUTES_ENUM.setup, { replace: true })
- } else {
- getConfig(false)
- }
- })
- .catch(() => {
- getConfig(false)
- })
- }
+ // Sunucu kurulum modunda değil ama uygulama da açılamıyor.
+ // Bu bayrak olmadan loading gate hiç kapanmıyor ve ekran sonsuza kadar
+ // spinner'da kalıyordu.
+ setBootstrapFailed(true)
+ })
}, [])
function getThemeStyle() {
diff --git a/ui/src/constants/permission.constant.ts b/ui/src/constants/permission.constant.ts
index a101d318..ce676a96 100644
--- a/ui/src/constants/permission.constant.ts
+++ b/ui/src/constants/permission.constant.ts
@@ -1,2 +1,5 @@
export const GLOBAL_SEARCH = 'App.Definitions.GlobalSearch'
export const AI_ASSISTANT = 'App.Definitions.AiBot.Asistant'
+
+/** Veritabanı migration + seed tetikleme yetkisi (host tarafı). */
+export const DB_MIGRATE = 'App.Setup.Migrate'
diff --git a/ui/src/proxy/setup/models.ts b/ui/src/proxy/setup/models.ts
index e99675be..4e51cd0f 100644
--- a/ui/src/proxy/setup/models.ts
+++ b/ui/src/proxy/setup/models.ts
@@ -1,9 +1,19 @@
+export type MigrateLogLevel = 'info' | 'warn' | 'error' | 'success' | 'restart' | 'done'
+
export interface MigrateLogEntry {
- level: string
+ level: MigrateLogLevel | string
message: string
}
export interface SetupStatusDto {
+ /** Uygulamanın tam olarak açılabilmesi için veritabanı hazır mı (katalog + çekirdek şema). */
dbExists: boolean
- error?: string
-}
\ No newline at end of file
+ /**
+ * Sunucu minimal kurulum modunda mı çalışıyor.
+ * /setup'a otomatik yönlendirme SADECE bu değer true iken yapılır.
+ */
+ setupMode: boolean
+ /** Uygulanmamış EF migration sayısı — yalnızca yetkili kullanıcıya döner. */
+ pendingMigrationCount?: number | null
+ error?: string | null
+}
diff --git a/ui/src/routes/dynamicRouter.tsx b/ui/src/routes/dynamicRouter.tsx
index 67ea6440..08fc9a5d 100644
--- a/ui/src/routes/dynamicRouter.tsx
+++ b/ui/src/routes/dynamicRouter.tsx
@@ -69,9 +69,12 @@ export const DynamicRouter: React.FC = () => {
[routes, components],
)
- // /setup path'inde loading bekleme — setup route her zaman erişilebilir olmalı
- if (loading && location.pathname !== '/setup') return
diff --git a/ui/src/routes/dynamicRoutesContext.tsx b/ui/src/routes/dynamicRoutesContext.tsx
index 00c1d957..f4d85abf 100644
--- a/ui/src/routes/dynamicRoutesContext.tsx
+++ b/ui/src/routes/dynamicRoutesContext.tsx
@@ -20,6 +20,7 @@ export const useDynamicRoutes = () => {
export const DynamicRoutesProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
const extraProperties = useStoreState((state) => state.abpConfig?.config?.extraProperties)
const setupMode = useStoreState((state) => state.base.common.setupMode)
+ const bootstrapFailed = useStoreState((state) => state.base.common.bootstrapFailed)
const [routes, setRoutes] = useState([])
const [loading, setLoading] = useState(true)
const [error, setError] = useState(null)
@@ -49,12 +50,13 @@ export const DynamicRoutesProvider: React.FC<{ children: React.ReactNode }> = ({
useEffect(() => {
if (extraProperties) {
loadRoutesFromConfig()
- } else if (setupMode) {
- // Veritabanı mevcut değil — setup modunda loading'i kapat
+ } else if (setupMode || bootstrapFailed) {
+ // Config hiç gelmeyecek (sunucu kurulum modunda veya erişilemiyor).
+ // Loading gate'i kapat ki kullanıcı sonsuz spinner yerine ilgili ekranı görsün.
setLoading(false)
setRoutes([])
}
- }, [extraProperties, setupMode])
+ }, [extraProperties, setupMode, bootstrapFailed])
return (
diff --git a/ui/src/services/UiEvalService.tsx b/ui/src/services/UiEvalService.tsx
index cc5fc3e8..e2589674 100644
--- a/ui/src/services/UiEvalService.tsx
+++ b/ui/src/services/UiEvalService.tsx
@@ -54,6 +54,10 @@ export abstract class UiEvalService {
}, '::App.KickUser.Message')
}
+ /**
+ * Canlı sistemde migration tetikler (SQL Query Manager ve Wizard dosya yöneticisi ortak kullanır).
+ * Yetki sunucu tarafında `App.Setup.Migrate` izniyle doğrulanır.
+ */
static ApiDbMigrate = () => {
toast.push(
@@ -61,13 +65,27 @@ export abstract class UiEvalService {
,
{ placement: 'bottom-end' },
)
+
openDbMigrateLogPanel()
- streamSetupMigrate(
- (entry) => {
- dispatchMigrateLog(entry)
+
+ let failed = false
+
+ streamSetupMigrate({
+ onLog: dispatchMigrateLog,
+ onError: (err) => {
+ failed = true
+ toast.push(
+
+ {UiEvalService.translate('::App.DbMigrate.ErrorMessage')}
+ {`: ${err.message}`}
+ ,
+ { placement: 'bottom-end' },
+ )
},
- () => {
+ onFinished: () => {
dispatchMigrateDone()
+ if (failed) return
+
toast.push(
{UiEvalService.translate('::App.DbMigrate.EndMessage')}
@@ -75,17 +93,7 @@ export abstract class UiEvalService {
{ placement: 'bottom-end' },
)
},
- (err) => {
- dispatchMigrateDone()
- toast.push(
-
- {UiEvalService.translate('::App.DbMigrate.ErrorMessage')}
- {err instanceof Error ? `: ${err.message}` : ''}
- ,
- { placement: 'bottom-end' },
- )
- },
- )
+ })
}
}
diff --git a/ui/src/services/abpConfig.service.ts b/ui/src/services/abpConfig.service.ts
index c88e54f1..7ea9b1d1 100644
--- a/ui/src/services/abpConfig.service.ts
+++ b/ui/src/services/abpConfig.service.ts
@@ -8,10 +8,14 @@ import apiService from './api.service'
export const applicationConfigurationUrl = (includeLocalizationResources: boolean) =>
`/api/abp/application-configuration?includeLocalizationResources=${includeLocalizationResources}`
-export const getAppConfig = (includeLocalizationResources: boolean) =>
+export const getAppConfig = (
+ includeLocalizationResources: boolean,
+ options?: { silentError?: boolean },
+) =>
apiService.fetchData({
method: 'GET',
url: applicationConfigurationUrl(includeLocalizationResources),
+ silentError: options?.silentError,
})
export const getLocalizations = ({
diff --git a/ui/src/services/platformApi.service.ts b/ui/src/services/platformApi.service.ts
index 1a1673b5..5899358d 100644
--- a/ui/src/services/platformApi.service.ts
+++ b/ui/src/services/platformApi.service.ts
@@ -129,9 +129,11 @@ platformApiService.interceptors.response.use(
platformApiService.interceptors.response.use(
(response) => response,
async (error) => {
- console.log('Error interceptor')
console.error(error)
- if (!error.silent) {
+
+ // error.silent: interceptor'ın kendisi hatayı çözdü (token yenileme, tenant fallback).
+ // config.silentError: çağıran taraf hatayı kendisi ele alacağını bildirdi.
+ if (!error.silent && !error.config?.silentError) {
const { messages } = store.getActions().base
messages.addError({
id: crypto.randomUUID(),
diff --git a/ui/src/services/setup.service.ts b/ui/src/services/setup.service.ts
index 42d9fcc3..5da8e6cc 100644
--- a/ui/src/services/setup.service.ts
+++ b/ui/src/services/setup.service.ts
@@ -1,63 +1,215 @@
import apiService from './api.service'
import { store } from '@/store'
-import { MigrateLogEntry, SetupStatusDto } from '@/proxy/setup/models'
+import { applicationConfigurationUrl } from './abpConfig.service'
+import { MigrateLogEntry, MigrateLogLevel, SetupStatusDto } from '@/proxy/setup/models'
+/**
+ * Sunucunun veritabanı/kurulum durumu.
+ *
+ * Hata durumu her çağıran tarafından ayrıca ele alınır (kurulum moduna geçiş kararı,
+ * durum kartı), bu yüzden global hata diyaloğu bastırılır.
+ */
export const getSetupStatus = () =>
apiService.fetchData({
method: 'GET',
url: '/api/setup/application-status',
+ silentError: true,
})
-export const getMigrateUrl = (): string => {
+const getMigrateUrl = (): string => {
const base = import.meta.env.VITE_API_URL ?? ''
return `${base}/api/setup/migrate`
}
-export const streamSetupMigrate = async (
- onLog: (entry: MigrateLogEntry) => void,
- onDone: () => void,
- onError: (err: unknown) => void,
-): Promise => {
- const token = store.getState().auth.session.token
- const url = getMigrateUrl()
- try {
- const response = await fetch(url, {
- method: 'POST',
- headers: {
- ...(token ? { Authorization: `Bearer ${token}` } : {}),
- Accept: 'text/event-stream',
- },
- })
- if (!response.ok) {
- onError(new Error(`HTTP ${response.status}`))
- return
- }
- const reader = response.body?.getReader()
- if (!reader) {
- onError(new Error('No response body'))
- return
- }
- const decoder = new TextDecoder()
- let buffer = ''
- while (true) {
- const { done, value } = await reader.read()
- if (done) break
- buffer += decoder.decode(value, { stream: true })
- const lines = buffer.split('\n')
- buffer = lines.pop() ?? ''
- for (const line of lines) {
- if (line.startsWith('data: ')) {
- try {
- const data = JSON.parse(line.slice(6)) as MigrateLogEntry
- onLog(data)
- } catch { /* parse hatası, atla */ }
+/**
+ * Sunucu yeniden başlatıldıktan sonra tam ABP stack ile ayağa kalkana kadar
+ * application-configuration endpoint'ini poll eder.
+ *
+ * Arka arkaya iki başarılı yanıt beklenir; tek başarılı yanıt sunucu henüz
+ * tüm modülleri yüklemeden de dönebilir.
+ *
+ * @returns Poll'u iptal eden fonksiyon.
+ */
+export const pollUntilServerReady = (
+ onReady: () => void,
+ onAttempt?: (attempt: number) => void,
+): (() => void) => {
+ const REQUIRED_CONSECUTIVE_SUCCESS = 2
+ const INITIAL_DELAY_MS = 3000
+ const SUCCESS_RETRY_MS = 1000
+ const FAILURE_RETRY_MS = 2000
+
+ let attempt = 0
+ let successCount = 0
+ let timerId: ReturnType | null = null
+ let cancelled = false
+
+ const tick = async () => {
+ if (cancelled) return
+
+ attempt++
+ onAttempt?.(attempt)
+
+ try {
+ const res = await fetch(
+ `${import.meta.env.VITE_API_URL ?? ''}${applicationConfigurationUrl(false)}`,
+ { method: 'GET', headers: { Accept: 'application/json' }, cache: 'no-store' },
+ )
+
+ if (res.status === 200) {
+ const json = await res.json()
+ if (json && typeof json.currentUser === 'object') {
+ successCount++
+ if (successCount >= REQUIRED_CONSECUTIVE_SUCCESS) {
+ onReady()
+ return
+ }
+ timerId = setTimeout(tick, SUCCESS_RETRY_MS)
+ return
}
}
+ } catch {
+ /* sunucu henüz ayakta değil */
}
- onDone()
- } catch (err) {
- onError(err)
+
+ successCount = 0
+ timerId = setTimeout(tick, FAILURE_RETRY_MS)
+ }
+
+ // Sunucunun kapanması için kısa bir bekleme.
+ timerId = setTimeout(tick, INITIAL_DELAY_MS)
+
+ return () => {
+ cancelled = true
+ if (timerId) clearTimeout(timerId)
}
}
+export interface MigrateStreamOptions {
+ /**
+ * Kurulum parolası. Veritabanı yokken (sunucu kurulum modundayken) zorunludur;
+ * canlı sistemde bunun yerine oturum token'ı ile yetkilendirme yapılır.
+ */
+ setupPassword?: string
+ signal?: AbortSignal
+ /** Her log satırı için çağrılır. */
+ onLog?: (entry: MigrateLogEntry) => void
+ /** Migration başarıyla tamamlandığında. */
+ onSuccess?: () => void
+ /** Sunucu yeniden başlıyor — istemci hazır olana kadar poll etmeli. */
+ onRestart?: () => void
+ /** Akış hata ile bitti. */
+ onError?: (error: Error) => void
+ /** Başarılı veya başarısız — akış sona erdi. */
+ onFinished?: () => void
+}
+/**
+ * /api/setup/migrate SSE akışının tek istemcisi.
+ *
+ * Hem /setup sayfası hem SQL Query Manager hem de Wizard dosya yöneticisi bunu kullanır;
+ * SSE ayrıştırma mantığı yalnızca burada bulunur.
+ */
+export const streamSetupMigrate = async (options: MigrateStreamOptions = {}): Promise => {
+ const { setupPassword, signal, onLog, onSuccess, onRestart, onError, onFinished } = options
+
+ // Kurulum parolası kullanılıyorsa oturum token'ı gönderilmez. Sunucu zaten parola
+ // yolunu seçtiğinde token'a bakmaz; token göndermek yalnızca veritabanına bağımlı
+ // ara katmanların (oturum doğrulama, dinamik claim'ler) veritabanı düşükken
+ // devreye girip isteği bloke etmesine yol açar.
+ const token = setupPassword ? null : store.getState().auth.session.token
+ let failed = false
+
+ const fail = (error: Error) => {
+ if (failed) return
+ failed = true
+ onError?.(error)
+ }
+
+ try {
+ const response = await fetch(getMigrateUrl(), {
+ method: 'POST',
+ headers: {
+ Accept: 'text/event-stream',
+ ...(token ? { Authorization: `Bearer ${token}` } : {}),
+ ...(setupPassword ? { 'X-Setup-Password': setupPassword } : {}),
+ },
+ signal,
+ })
+
+ if (!response.ok || !response.body) {
+ // Sunucu reddetme nedenini gövdede düz metin olarak döner (yanlış parola,
+ // eksik yapılandırma, eksik izin). Bunu yutmak hatayı teşhis edilemez yapıyordu.
+ const serverReason = await response.text().catch(() => '')
+
+ fail(
+ new Error(
+ serverReason.trim() ||
+ (response.status === 403
+ ? 'Not authorized to run database migration.'
+ : `Server responded with status ${response.status}`),
+ ),
+ )
+ return
+ }
+
+ const reader = response.body.getReader()
+ const decoder = new TextDecoder()
+ let buffer = ''
+ let sawSuccess = false
+
+ const handleEntry = (entry: MigrateLogEntry) => {
+ const level = (entry.level ?? 'info') as MigrateLogLevel
+
+ if (level === 'done') {
+ // Sunucu "done" gönderdi ama öncesinde success/restart gelmediyse akış başarısızdır.
+ if (!sawSuccess) fail(new Error(entry.message || 'Migration failed.'))
+ return
+ }
+
+ onLog?.(entry)
+
+ if (level === 'success') {
+ sawSuccess = true
+ onSuccess?.()
+ } else if (level === 'restart') {
+ sawSuccess = true
+ onRestart?.()
+ } else if (level === 'error') {
+ fail(new Error(entry.message || 'Migration failed.'))
+ }
+ }
+
+ const flushLines = (chunk: string) => {
+ buffer += chunk
+ const lines = buffer.split('\n')
+ buffer = lines.pop() ?? ''
+
+ for (const line of lines) {
+ const trimmed = line.trim()
+ if (!trimmed.startsWith('data:')) continue
+
+ const raw = trimmed.slice(5).trim()
+ if (!raw) continue
+
+ try {
+ handleEntry(JSON.parse(raw) as MigrateLogEntry)
+ } catch {
+ onLog?.({ level: 'info', message: raw })
+ }
+ }
+ }
+
+ while (true) {
+ const { done, value } = await reader.read()
+ if (done) break
+ flushLines(decoder.decode(value, { stream: true }))
+ }
+ } catch (err) {
+ if ((err as Error)?.name !== 'AbortError') {
+ fail(err instanceof Error ? err : new Error(String(err)))
+ }
+ } finally {
+ onFinished?.()
+ }
+}
diff --git a/ui/src/store/abpConfig.model.ts b/ui/src/store/abpConfig.model.ts
index 7fe05023..cbd794cb 100644
--- a/ui/src/store/abpConfig.model.ts
+++ b/ui/src/store/abpConfig.model.ts
@@ -13,10 +13,20 @@ import {
export type Texts = Record>
+export interface GetConfigOptions {
+ /** Localization kaynaklarını da zorla yeniden yükle. */
+ reloadTexts?: boolean
+ /** Hata global hata diyaloğunu açmasın — çağıran taraf kendisi ele alır. */
+ silentError?: boolean
+}
+
+/** Geriye dönük uyumluluk: boolean payload `reloadTexts` anlamına gelir. */
+export type GetConfigPayload = boolean | GetConfigOptions
+
export interface AbpConfigModel {
config?: ApplicationConfigurationDto
setConfig: Action
- getConfig: Thunk
+ getConfig: Thunk
texts?: Texts
setTexts: Action
getTexts: Thunk
@@ -33,15 +43,18 @@ export const abpConfigModel: AbpConfigModel = {
state.config = payload
}),
getConfig: thunk(async (actions, payload, helpers) => {
+ const { reloadTexts = false, silentError = false } =
+ typeof payload === 'boolean' ? { reloadTexts: payload } : (payload ?? {})
+
const service = helpers.injections.abpConfigService
- const result = await service.getAppConfig(payload)
+ const result = await service.getAppConfig(reloadTexts, { silentError })
// AppConfig'den gelen culture mevcuttan farklı ise localizationları da al
const newCulture = result.data?.localization.currentCulture.cultureName
const currentCulture = helpers.getState().config?.localization.currentCulture.cultureName
const isCultureDifferent = newCulture && currentCulture !== newCulture
const isTextsEmpty = !helpers.getState().texts
- if (payload || isCultureDifferent || isTextsEmpty) {
+ if (reloadTexts || isCultureDifferent || isTextsEmpty) {
await actions.getTexts({
cultureName: newCulture ?? currentCulture ?? appConfig.locale,
onlyDynamics: false,
diff --git a/ui/src/store/base.model.ts b/ui/src/store/base.model.ts
index 40bae639..66e7ec61 100644
--- a/ui/src/store/base.model.ts
+++ b/ui/src/store/base.model.ts
@@ -13,7 +13,12 @@ export interface BaseStoreModel {
common: {
currentRouteKey: string
tabHasFocus: boolean
- setupMode: boolean /** Veritabanı mevcut değilse true — setup sayfasına yönlendirme için */
+ setupMode: boolean /** Sunucu kurulum modunda — setup sayfasına yönlendirme için */
+ /**
+ * Açılışta uygulama konfigürasyonu alınamadı ve sunucu kurulum modunda da değil.
+ * Uygulama çalışamaz durumda; kullanıcıya sonsuz spinner yerine bakım ekranı gösterilir.
+ */
+ bootstrapFailed: boolean
}
messages: {
errors: StoreError[]
@@ -26,6 +31,7 @@ export interface BaseStoreActions {
setCurrentRouteKey: Action
setTabHasFocus: Action
setSetupMode: Action
+ setBootstrapFailed: Action
}
messages: {
addError: Action
@@ -38,7 +44,7 @@ export interface BaseStoreActions {
export type BaseModel = BaseStoreModel & BaseStoreActions
const initialState: BaseStoreModel = {
- common: { currentRouteKey: '', tabHasFocus: false, setupMode: false },
+ common: { currentRouteKey: '', tabHasFocus: false, setupMode: false, bootstrapFailed: false },
messages: {
errors: [],
// success: [],
@@ -58,6 +64,9 @@ export const baseModel: BaseModel = {
setSetupMode: action((state, payload) => {
state.setupMode = payload
}),
+ setBootstrapFailed: action((state, payload) => {
+ state.bootstrapFailed = payload
+ }),
},
messages: {
...initialState.messages,
diff --git a/ui/src/types/axios.d.ts b/ui/src/types/axios.d.ts
new file mode 100644
index 00000000..71c92507
--- /dev/null
+++ b/ui/src/types/axios.d.ts
@@ -0,0 +1,14 @@
+import 'axios'
+
+declare module 'axios' {
+ interface AxiosRequestConfig {
+ /**
+ * true ise bu isteğin hatası global hata diyaloğunu açmaz.
+ *
+ * Hatayı çağıran tarafın kendisi ele aldığında kullanılır (örn. uygulama açılışında
+ * config yüklenemediğinde kurulum moduna geçiş kararı). Hata yine de reject edilir;
+ * yalnızca kullanıcıya gösterilen genel bildirim bastırılır.
+ */
+ silentError?: boolean
+ }
+}
diff --git a/ui/src/views/ServiceUnavailable.tsx b/ui/src/views/ServiceUnavailable.tsx
new file mode 100644
index 00000000..de471b4e
--- /dev/null
+++ b/ui/src/views/ServiceUnavailable.tsx
@@ -0,0 +1,135 @@
+import { useEffect, useState } from 'react'
+import classNames from 'classnames'
+import { Helmet } from 'react-helmet'
+import { Button } from '@/components/ui'
+import { APP_NAME } from '@/constants/app.constant'
+import { ROUTES_ENUM } from '@/routes/route.constant'
+import { pollUntilServerReady } from '@/services/setup.service'
+import { useStoreState } from '@/store'
+
+/**
+ * Uygulama konfigürasyonu alınamadığında gösterilir (tipik olarak veritabanı erişilemez
+ * durumdayken).
+ *
+ * Kullanıcı bilinçli olarak kurulum sihirbazına yönlendirilmez — çalışan bir sistemde
+ * geçici bir arıza kimseyi kurulum ekranına düşürmemeli. Bunun yerine durum açıkça
+ * belirtilir, sunucu arka planda izlenir ve toparlandığı anda sayfa kendini yeniler.
+ */
+const ServiceUnavailable = () => {
+ const isDark = useStoreState((state) => state.theme.mode) === 'dark'
+ const [attempt, setAttempt] = useState(0)
+
+ // Sunucu toparlandığında kullanıcının sayfayı elle yenilemesi gerekmesin.
+ useEffect(() => {
+ const cancel = pollUntilServerReady(
+ () => window.location.reload(),
+ (currentAttempt) => setAttempt(currentAttempt),
+ )
+ return cancel
+ }, [])
+
+ return (
+ (null)
const [confirm, setConfirm] = useState(null)
const [search, setSearch] = useState('')
- const [showDbMigrateDialog, setShowDbMigrateDialog] = useState(false)
const IconComponent = (icon: string) => {
return navigationIcon[icon] || FaDatabase // default icon
}
@@ -140,15 +137,7 @@ const WizardFileManager = () => {
>
- {/* DB Migrate Confirmation Dialog */}
- + {translate('::App.DbMigrate.ConfirmMessage') || + 'Are you sure you want to start the database migration process?'} +
+Loading...
- if (error && location.pathname !== '/setup') return Hata: {error}
+ // /setup path'inde loading bekleme — setup route her zaman erişilebilir olmalı.
+ // bootstrapFailed durumu Layouts'ta, layout seçilmeden önce ele alınır.
+ const isSetupPath = location.pathname === ROUTES_ENUM.setup
+
+ if (loading && !isSetupPath) return Loading...
+ if (error && !isSetupPath) return Hata: {error}
return (
+
+ )
+}
+
+export default ServiceUnavailable
diff --git a/ui/src/views/admin/listForm/wizard/WizardFileManager.tsx b/ui/src/views/admin/listForm/wizard/WizardFileManager.tsx
index 661302e9..389b63ee 100644
--- a/ui/src/views/admin/listForm/wizard/WizardFileManager.tsx
+++ b/ui/src/views/admin/listForm/wizard/WizardFileManager.tsx
@@ -3,7 +3,6 @@ import { useNavigate } from 'react-router-dom'
import classNames from 'classnames'
import { Badge, Button, Input, Notification, toast } from '@/components/ui'
import Container from '@/components/shared/Container'
-import ConfirmDialog from '@/components/shared/ConfirmDialog'
import {
FaTrash,
FaSync,
@@ -14,14 +13,13 @@ import {
FaEdit,
FaCalendarAlt,
} from 'react-icons/fa'
-import { FcAcceptDatabase } from 'react-icons/fc'
+import DbMigrateButton from '@/components/shared/DbMigrateButton'
import { deleteWizardFile, getWizardFiles } from '@/services/wizard.service'
import { useCurrentMenuIcon } from '@/utils/hooks/useCurrentMenuIcon'
import { useLocalization } from '@/utils/hooks/useLocalization'
import { useStoreState } from '@/store/store'
import { ROUTES_ENUM } from '@/routes/route.constant'
import { WizardFileInfoDto } from '@/proxy/admin/wizard/models'
-import { UiEvalService } from '@/services/UiEvalService'
import navigationIcon from '@/proxy/menus/navigation-icon.config'
interface ConfirmState {
@@ -40,7 +38,6 @@ const WizardFileManager = () => {
const [deletingFile, setDeletingFile] = useState
+ {/* Başlık */}
+
+
+ 
+ {APP_NAME}
+
+
+
+ Offline
+
+
+
+ {/* Gövde */}
+
+
+
+ {/* Aksiyonlar */}
+ + Service temporarily unavailable +
+ ++ The application configuration could not be loaded. The server is running, but it cannot + reach its database right now. Your data is not affected — the application will come back + automatically once the database is available again. +
+ +
+
+ {attempt > 0
+ ? `Rechecking the connection… (attempt ${attempt})`
+ : 'Waiting to recheck the connection…'}
+
+
+
+ Administrators can run a database migration from the setup page.
+
+
+
+
+
+
+
+ - {translate('::App.DbMigrate.ConfirmMessage') || - 'Are you sure you want to start the database migration process?'} -
-
diff --git a/ui/src/views/developerKit/SqlQueryManager.tsx b/ui/src/views/developerKit/SqlQueryManager.tsx
index 4351e1a1..d7ada267 100644
--- a/ui/src/views/developerKit/SqlQueryManager.tsx
+++ b/ui/src/views/developerKit/SqlQueryManager.tsx
@@ -2,7 +2,6 @@ import { lazy, Suspense, useState, useCallback, useEffect, useRef } from 'react'
import type { Dispatch, SetStateAction } from 'react'
import { Button, Checkbox, Dialog, Notification, toast } from '@/components/ui'
import Container from '@/components/shared/Container'
-import ConfirmDialog from '@/components/shared/ConfirmDialog'
import { getDataSources } from '@/services/data-source.service'
import type { DataSourceDto } from '@/proxy/data-source'
import { DataSourceTypeEnum } from '@/proxy/form/models'
@@ -27,8 +26,7 @@ import { Splitter } from '@/components/codeLayout/Splitter'
import { Helmet } from 'react-helmet'
import { useStoreState } from '@/store/store'
import { APP_NAME } from '@/constants/app.constant'
-import { UiEvalService } from '@/services/UiEvalService'
-import { FcAcceptDatabase } from 'react-icons/fc'
+import DbMigrateButton from '@/components/shared/DbMigrateButton'
const SqlResultsGrid = lazy(() => import('./SqlResultsGrid'))
const SqlTableDesignerDialog = lazy(() => import('./SqlTableDesignerDialog'))
@@ -92,7 +90,6 @@ const SqlQueryManager = () => {
const [selectedExplorerObjects, setSelectedExplorerObjects] = useState<
SqlExplorerSelectedObject[]
>([])
- const [showDbMigrateConfirmDialog, setShowDbMigrateConfirmDialog] = useState(false)
const [showCopyDialog, setShowCopyDialog] = useState(false)
const [copyTargetDataSources, setCopyTargetDataSources] = useState([])
const [overwriteIfExists, setOverwriteIfExists] = useState(false)
@@ -1208,15 +1205,7 @@ GO`,
))}
- }
- onClick={() => setShowDbMigrateConfirmDialog(true)}
- title={translate('::App.DbMigrate.StartMessage') || 'Run DB Migration'}
- >
- {translate('::ListForms.ListForm.DbMigrate') || 'DB Migrate'}
-
+
- {/* DB Migrate Confirmation Dialog */}
- - {translate('::App.DbMigrate.ConfirmMessage') || - 'Are you sure you want to start the database migration process?'} -
-