new UI and handle cashing

src/config/apply-config.ts

@@ -0,0 +1,83 @@
+import { getConfig } from '@/config/app-config'
+import { isPwaManifestReady } from '@/modules/pwa/manifest'
+
+export function applyAppConfig() {
+  if (isPwaManifestReady()) return
+
+  setTitle()
+  setFavicon()
+  setAppleTouchIconFallback()
+}
+
+function setTitle() {
+  document.title = getConfig('name_fa', 'در حال بارگذاری...')
+}
+
+function getLogoUrl() {
+  return getConfig<string>('avatar') || '/favicon.png'
+}
+
+function setFavicon() {
+  let faviconLink =
+    document.querySelector<HTMLLinkElement>("link[rel='icon']") ||
+    document.querySelector<HTMLLinkElement>("link[rel~='icon']")
+
+  if (!faviconLink) {
+    faviconLink = document.createElement('link')
+    faviconLink.rel = 'icon'
+    document.head.appendChild(faviconLink)
+  }
+
+  const logoUrl = getLogoUrl()
+
+  faviconLink.type = 'image/png'
+  faviconLink.href = logoUrl.startsWith('http') ? logoUrl : resolveRemoteLogo(logoUrl)
+}
+
+function setAppleTouchIconFallback() {
+  const logoUrl = getLogoUrl()
+
+  if (!logoUrl) return
+
+  if (document.querySelector("link[rel='apple-touch-icon'][data-dynamic-pwa='true']")) {
+    return
+  }
+
+  const sizes = ['180x180', '152x152', '120x120']
+
+  sizes.forEach((size) => {
+    let link = document.querySelector<HTMLLinkElement>(
+      `link[rel='apple-touch-icon'][sizes='${size}']`
+    )
+
+    if (!link) {
+      link = document.createElement('link')
+      link.rel = 'apple-touch-icon'
+      link.sizes = size
+      document.head.appendChild(link)
+    }
+
+    link.href = logoUrl.startsWith('http') ? logoUrl : resolveRemoteLogo(logoUrl)
+  })
+
+  let appleTitle = document.querySelector<HTMLMetaElement>("meta[name='apple-mobile-web-app-title']")
+
+  if (!appleTitle) {
+    appleTitle = document.createElement('meta')
+    appleTitle.name = 'apple-mobile-web-app-title'
+    document.head.appendChild(appleTitle)
+  }
+
+  appleTitle.content = getConfig('name_fa', 'اپ مشتری')
+}
+
+function resolveRemoteLogo(path: string) {
+  if (/^(https?:\/\/|data:|blob:)/i.test(path)) return path
+
+  const lastSuccess = localStorage.getItem('CONFIG_Success_URL')
+  const base = lastSuccess
+    ? lastSuccess.replace(/\/get_user\/?$/i, '').replace(/\/+$/, '')
+    : 'https://nerkh.gold'
+
+  return `${base}/${path.replace(/^\/+/, '')}`
+}