Merge branch 'ADP-5686' into develop

# Conflicts:
#	src/components/Header.astro

Author: eandreeva-twr

src/api-reference/specs/developer-api.yaml

@@ -0,0 +1,14 @@
+openapi: 3.1.0
+info:
+  title: Developer API
+  version: 1.0.0
+servers:
+  - url: https://api.adapty.io
+    description: Production server
+paths: {}
+components:
+  securitySchemes:
+    apikeyAuth:
+      type: apiKey
+      in: header
+      name: Authorization

src/assets/shared/img/asa-search-condition.webp

@@ -1,55 +1,14 @@
 ---
 import Search from "./Search.astro";
 import ThemeToggle from "./ThemeToggle.astro";
-import { SUPPORTED_LOCALES, LOCALE_NAMES } from '../data/locales';
-import { getUIStrings } from '../locales/ui-strings';
 
-interface Props {
-  currentLocale?: string;
-  currentSlug?: string;
-}
-
-const { currentLocale, currentSlug } = Astro.props;
-
-const base = import.meta.env.BASE_URL.replace(/\/+$/, '');
-
-// Compute cross-locale URLs
-function getLocaleUrl(targetLocale: string | null): string {
-  if (!currentSlug) return targetLocale ? `${base}/${targetLocale}/` : `${base}/`;
-  if (targetLocale) {
-    return `${base}/${targetLocale}/${currentSlug}`.replace(/\/+/g, '/');
-  }
-  // English — strip the locale prefix if present
-  return `${base}/${currentSlug}`.replace(/\/+/g, '/');
-}
-
-const ht = getUIStrings(currentLocale).header;
-
-// Prefix an internal /docs/... path with the current locale (for initial server render)
-function localizeHref(path: string): string {
-  if (!currentLocale) return path;
-  return path.replace(/^(\/docs\/)/, `$1${currentLocale}/`);
-}
-
-const docsHomePath = import.meta.env.BASE_URL; // "/docs/"
-const serverApiPath = `${base}/getting-started-with-server-side-api`;
-const sdkItems = [
-  { label: "iOS",                  path: `${base}/ios-sdk-overview` },
-  { label: "Android",              path: `${base}/android-sdk-overview` },
-  { label: "React Native",         path: `${base}/react-native-sdk-overview` },
-  { label: "Flutter",              path: `${base}/flutter-sdk-overview` },
-  { label: "Unity",                path: `${base}/unity-sdk-overview` },
-  { label: "Kotlin Multiplatform", path: `${base}/kmp-sdk-overview` },
-  { label: "Capacitor",            path: `${base}/capacitor-sdk-overview` },
+const links = [
+  { label: "Documentation", href: "/", active: true },
+  { label: "Blog", href: "https://adapty.io/blog", active: false },
+  { label: "What's new", href: "https://adapty.io/whats-new", active: false },
+  { label: "Glossary", href: "https://adapty.io/glossary", active: false },
+  { label: "Pricing", href: "https://adapty.io/pricing", active: false },
 ];
-
-const englishUrl = getLocaleUrl(null);
-const localeLinks = SUPPORTED_LOCALES.map(locale => ({
-  locale,
-  label: LOCALE_NAMES[locale],
-  href: getLocaleUrl(locale),
-  active: currentLocale === locale,
-}));
 ---
 
 <header class="header-main" data-nosnippet transition:persist>
@@ -63,12 +22,14 @@ const localeLinks = SUPPORTED_LOCALES.map(locale => ({
 
         <!-- Desktop Navigation -->
         <nav class="hidden lg:flex items-center gap-1 text-[14px] font-medium">
-          <a href={localizeHref(docsHomePath)} data-nav-href={docsHomePath} class="nav-link" data-i18n="documentation">{ht.documentation}</a>
-
+          <a href={import.meta.env.BASE_URL} class="nav-link">
+            Documentation
+          </a>
+          
           <!-- Mobile SDK Dropdown -->
           <div class="relative dropdown-container">
             <button class="dropdown-trigger nav-link">
-              <span data-i18n="mobileSdk">{ht.mobileSdk}</span>
+              Mobile SDK
               <svg class="dropdown-chevron" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
               </svg>
@@ -77,66 +38,49 @@ const localeLinks = SUPPORTED_LOCALES.map(locale => ({
             <!-- Dropdown Menu -->
             <div class="dropdown-menu">
                <div class="dropdown-content">
-                {sdkItems.map(item => (
-                  <a
-                    href={localizeHref(item.path).replace(/\/+/g, '/')}
-                    data-nav-href={item.path.replace(/\/+/g, '/')}
-                    class="dropdown-item"
-                  >
+                {[
+                  { label: "iOS", href: `${import.meta.env.BASE_URL}/ios-sdk-overview` },
+                  { label: "Android", href: `${import.meta.env.BASE_URL}/android-sdk-overview` },
+                  { label: "React Native", href: `${import.meta.env.BASE_URL}/react-native-sdk-overview` },
+                  { label: "Flutter", href: `${import.meta.env.BASE_URL}/flutter-sdk-overview` },
+                  { label: "Unity", href: `${import.meta.env.BASE_URL}/unity-sdk-overview` },
+                  { label: "Kotlin Multiplatform", href: `${import.meta.env.BASE_URL}/kmp-sdk-overview` },
+                  { label: "Capacitor", href: `${import.meta.env.BASE_URL}/capacitor-sdk-overview` }
+                ].map(item => (
+                  <a href={item.href.replace(/\/+/g, '/')} class="dropdown-item">
                     {item.label}
                   </a>
                 ))}
               </div>
             </div>
           </div>
 
-          <a href={localizeHref(serverApiPath).replace(/\/+/g, '/')} data-nav-href={serverApiPath.replace(/\/+/g, '/')} class="nav-link" data-i18n="serverApi">{ht.serverApi}</a>
+            <a href={`${import.meta.env.BASE_URL}/developer-cli`.replace(/\/+/g, '/')} class="nav-link">CLI & APIs</a>
           <a href="https://adapty.io/docs/whats-new" class="nav-link" data-i18n="whatsNew">{ht.whatsNew}</a>
           <a href="https://adapty.featurebase.app" class="nav-link" data-i18n="supportForum">{ht.supportForum}</a>
         </nav>
     </div>
 
     <!-- Search (Desktop) -->
     <div class="hidden lg:flex flex-1 max-w-sm mx-8">
-      <Search currentLocale={currentLocale} />
+      <Search />
     </div>
 
     <!-- Auth Buttons & Theme Toggle -->
     <div class="hidden lg:flex items-center gap-3">
       <ThemeToggle />
-
-      <!-- Language Switcher -->
-      <div class="lang-switcher relative dropdown-container">
-        <button class="lang-trigger nav-link" aria-label="Switch language">
-          <span id="lang-label">{currentLocale ? LOCALE_NAMES[currentLocale as keyof typeof LOCALE_NAMES] ?? currentLocale : 'EN'}</span>
-          <svg class="dropdown-chevron" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
-          </svg>
-        </button>
-        <div class="dropdown-menu lang-menu">
-          <div class="dropdown-content">
-            <a
-              href={englishUrl}
-              class:list={["dropdown-item", !currentLocale ? "lang-active" : ""]}
-              data-locale=""
-            >English</a>
-            {localeLinks.map(({ locale, label, href, active }) => (
-              <a
-                href={href}
-                class:list={["dropdown-item", active ? "lang-active" : ""]}
-                data-locale={locale}
-              >{label}</a>
-            ))}
-          </div>
-        </div>
-      </div>
-
-      <a href="https://app.adapty.io/login" class="nav-link" data-i18n="signIn">{ht.signIn}</a>
-      <a
-        href="https://app.adapty.io/registration"
+      <a 
+        href="https://app.adapty.io/login" 
+        class="nav-link"
+      >
+        Sign In
+      </a>
+      <a 
+        href="https://app.adapty.io/registration" 
         class="px-5 py-2.5 text-sm font-semibold text-white bg-[#6720ff] hover:bg-[#5816e8] dark:bg-purple-600 dark:hover:bg-purple-500 rounded-xl transition-all shadow-[0_4px_15px_-2px_rgba(103,32,255,0.3)] hover:shadow-[0_8px_25px_-5px_rgba(103,32,255,0.4)] active:scale-[0.98]"
-        data-i18n="signUpFree"
-      >{ht.signUpFree}</a>
+      >
+        Sign Up for Free
+      </a>
     </div>
 
     <!-- Mobile Search, Theme & Menu Buttons -->
@@ -346,17 +290,6 @@ const localeLinks = SUPPORTED_LOCALES.map(locale => ({
     background: var(--bg-hover);
     color: var(--text-primary);
   }
-
-  .lang-active {
-    color: var(--accent-primary);
-    font-weight: 600;
-  }
-
-  .lang-trigger {
-    gap: 0.375rem;
-    font-size: 0.8125rem;
-    min-width: 2.5rem;
-  }
 </style>
 
 <script>
@@ -380,137 +313,4 @@ const localeLinks = SUPPORTED_LOCALES.map(locale => ({
 
   initMobileThemeToggle();
   document.addEventListener('astro:page-load', initMobileThemeToggle);
-
-  // Locale names map for client-side use
-  const LOCALE_NAMES_CLIENT: Record<string, string> = { zh: '中文' };
-
-  // UI string translations for client-side sync (mirrors src/locales/ui-strings.ts)
-  const UI_STRINGS_CLIENT: Record<string, Record<string, string>> = {
-    zh: {
-      documentation: '文档',
-      mobileSdk: '移动端 SDK',
-      serverApi: '服务端 API',
-      whatsNew: '最新动态',
-      supportForum: '支持论坛',
-      signIn: '登录',
-      signUpFree: '免费注册',
-      searchPlaceholder: '搜索文档...',
-      searchNoResults: '未找到相关结果。',
-    },
-    en: {
-      documentation: 'Documentation',
-      mobileSdk: 'Mobile SDK',
-      serverApi: 'Server API',
-      whatsNew: "What's new",
-      supportForum: 'Support Forum',
-      signIn: 'Sign In',
-      signUpFree: 'Sign Up for Free',
-      searchPlaceholder: 'Search documentation...',
-      searchNoResults: 'No results found.',
-    },
-  };
-
-  // Rewrite internal nav link hrefs to include (or strip) the current locale prefix
-  function syncNavLinks() {
-    const localeMatch = window.location.pathname.match(/\/docs\/([a-z]{2})(\/|$)/);
-    const locale = localeMatch ? localeMatch[1] : null;
-
-    document.querySelectorAll<HTMLAnchorElement>('[data-nav-href]').forEach(el => {
-      const basePath = el.getAttribute('data-nav-href')!;
-      el.href = locale
-        ? basePath.replace(/^(\/docs\/)/, `$1${locale}/`)
-        : basePath;
-    });
-  }
-
-  // Update nav text content based on current locale in URL
-  function syncHeaderI18n() {
-    const localeMatch = window.location.pathname.match(/\/docs\/([a-z]{2})\//);
-    const locale = localeMatch ? localeMatch[1] : 'en';
-    const strings = UI_STRINGS_CLIENT[locale] ?? UI_STRINGS_CLIENT.en;
-
-    document.querySelectorAll<HTMLElement>('[data-i18n]').forEach(el => {
-      const key = el.dataset.i18n!;
-      if (strings[key]) el.textContent = strings[key];
-    });
-
-    document.querySelectorAll<HTMLInputElement>('[data-i18n-placeholder]').forEach(el => {
-      const key = el.dataset.i18nPlaceholder!;
-      if (strings[key]) el.placeholder = strings[key];
-    });
-
-    // Sync search Algolia index to the current locale.
-    // The header is transition:persist so data-index-name would otherwise stay
-    // at the value baked in at initial page render.
-    const searchInput = document.getElementById('search-input') as HTMLInputElement | null;
-    if (searchInput) {
-      const localeKey = `indexName${locale.charAt(0).toUpperCase() + locale.slice(1)}`;
-      const localeIndex = (searchInput.dataset as Record<string, string>)[localeKey];
-      const defaultIndex = searchInput.dataset.indexNameDefault ?? '';
-      searchInput.dataset.indexName = localeIndex || defaultIndex;
-    }
-
-    // Sync "no results" text on the search results container.
-    const searchResultsEl = document.getElementById('search-results');
-    if (searchResultsEl && strings['searchNoResults']) {
-      searchResultsEl.dataset.noResults = strings['searchNoResults'];
-    }
-  }
-
-  // Sync lang switcher label, active state, and hrefs based on current URL.
-  // Needed because the header is transition:persist and doesn't re-render on navigation.
-  function syncLangSwitcher() {
-    const path = window.location.pathname;
-    // Match /docs/zh/ — capture the base prefix and the locale code
-    const localeMatch = path.match(/^(.*\/docs\/)([a-z]{2})\//);
-    const currentLocale = localeMatch ? localeMatch[2] : null;
-    // Path without the locale prefix (the English equivalent)
-    const englishPath = localeMatch
-      ? path.replace(`${localeMatch[1]}${localeMatch[2]}/`, localeMatch[1])
-      : path;
-
-    // Update button label
-    const labelEl = document.getElementById('lang-label');
-    if (labelEl) {
-      labelEl.textContent = currentLocale ? (LOCALE_NAMES_CLIENT[currentLocale] ?? currentLocale) : 'EN';
-    }
-
-    // Update link hrefs and active classes
-    document.querySelectorAll<HTMLAnchorElement>('[data-locale]').forEach(el => {
-      const locale = el.dataset.locale ?? '';
-      const isActive = locale === (currentLocale ?? '');
-      el.classList.toggle('lang-active', isActive);
-
-      // Recompute href to match current page
-      if (locale === '') {
-        el.href = englishPath;
-      } else if (!localeMatch && /^(.*\/docs)\/?$/.test(path)) {
-        // Docs root page — just prepend the locale
-        el.href = path.replace(/\/?$/, '') + '/' + locale + '/';
-      } else {
-        el.href = localeMatch
-          ? path.replace(`${localeMatch[1]}${localeMatch[2]}/`, `${localeMatch[1]}${locale}/`)
-          : path.replace(/^(.*\/docs\/)/, `$1${locale}/`);
-      }
-    });
-  }
-
-  // Save preferred locale when user clicks a language switcher link
-  function initLangSwitcher() {
-    syncLangSwitcher();
-    syncHeaderI18n();
-    syncNavLinks();
-    document.querySelectorAll('[data-locale]').forEach(el => {
-      el.addEventListener('click', () => {
-        const locale = (el as HTMLElement).dataset.locale;
-        if (locale) {
-          localStorage.setItem('preferred-locale', locale);
-        } else {
-          localStorage.removeItem('preferred-locale');
-        }
-      });
-    });
-  }
-  initLangSwitcher();
-  document.addEventListener('astro:page-load', initLangSwitcher);
 </script>