Migrate more Learn content

package.json

@@ -1,14 +1,14 @@
 {
-    "name": "root",
-    "private": true,
-    "description": "Root-level package.json delegating to src/frontend.",
-    "scripts": {
-        "install": "cd src/frontend && pnpm i",
-        "dev": "cd src/frontend && pnpm dev",
-        "build": "cd src/frontend && pnpm build",
-        "preview": "cd src/frontend && pnpm preview",
-        "lint": "cd src/frontend && pnpm lint",
-        "format": "cd src/frontend && pnpm format",
-        "update:all": "cd src/frontend && pnpm update:all"
-    }
-}
+  "name": "root",
+  "private": true,
+  "description": "Root-level package.json delegating to src/frontend.",
+  "scripts": {
+    "install": "pnpm --dir ./src/frontend i",
+    "dev": "pnpm --dir ./src/frontend run dev",
+    "build": "pnpm --dir ./src/frontend run build",
+    "preview": "pnpm --dir ./src/frontend run preview",
+    "lint": "pnpm --dir ./src/frontend run lint",
+    "format": "pnpm --dir ./src/frontend run format",
+    "update:all": "pnpm run update:all --dir ./src/frontend"
+  }
+}

src/frontend/config/sidebar/docs.topics.ts

@@ -89,48 +89,128 @@ export const docsTopics: StarlightSidebarTopicsUserConfig = {
       },
       items: [
         {
-          label: 'Prerequisites',
+          label: 'Setup and tooling',
+          collapsed: true,
           translations: {
-            da: 'Forudsætninger',
-            de: 'Voraussetzungen',
-            en: 'Prerequisites',
-            es: 'Requisitos previos',
-            fr: 'Prérequis',
-            hi: 'पूर्वापेक्षाएँ',
-            id: 'Prasyarat',
-            it: 'Prerequisiti',
-            ja: '事前準備',
-            ko: '전제 조건',
-            'pt-BR': 'Pré-requisitos',
-            'pt-PT': 'Pré-requisitos',
-            ru: 'Предварительные требования',
-            tr: 'Ön koşullar',
-            uk: 'Попередні вимоги',
-            'zh-CN': '先决条件',
-          },
-          slug: 'get-started/prerequisites',
-        },
-        {
-          label: 'Install CLI',
-          translations: {
-            da: 'Installer CLI',
-            de: 'CLI installieren',
-            en: 'Install CLI',
-            es: 'Instalar CLI',
-            fr: 'Installer CLI',
-            hi: 'CLI इंस्टॉल करें',
-            id: 'Instal CLI',
-            it: 'Installa CLI',
-            ja: 'CLI をインストールする',
-            ko: 'CLI 설치',
-            'pt-BR': 'Instalar CLI',
-            'pt-PT': 'Instalar CLI',
-            ru: 'Установить CLI',
-            tr: 'CLI Kur',
-            uk: 'Встановити CLI',
-            'zh-CN': '安装 CLI',
-          },
-          slug: 'get-started/install-cli',
+            da: 'Opsætning og værktøjer',
+            de: 'Einrichtung und Werkzeuge',
+            en: 'Setup and tooling',
+            es: 'Configuración y herramientas',
+            fr: 'Configuration et outils',
+            hi: 'सेटअप और टूलिंग',
+            id: 'Pengaturan dan alat',
+            it: 'Configurazione e strumenti',
+            ja: 'セットアップとツール',
+            ko: '설정 및 도구',
+            'pt-BR': 'Configuração e ferramentas',
+            'pt-PT': 'Configuração e ferramentas',
+            ru: 'Настройка и инструменты',
+            tr: 'Kurulum ve araçlar',
+            uk: 'Налаштування та інструменти',
+            'zh-CN': '设置和工具',
+          },
+          items: [
+            {
+              label: 'Prerequisites',
+              translations: {
+                da: 'Forudsætninger',
+                de: 'Voraussetzungen',
+                en: 'Prerequisites',
+                es: 'Requisitos previos',
+                fr: 'Prérequis',
+                hi: 'पूर्वापेक्षाएँ',
+                id: 'Prasyarat',
+                it: 'Prerequisiti',
+                ja: '事前準備',
+                ko: '전제 조건',
+                'pt-BR': 'Pré-requisitos',
+                'pt-PT': 'Pré-requisitos',
+                ru: 'Предварительные требования',
+                tr: 'Ön koşullar',
+                uk: 'Попередні вимоги',
+                'zh-CN': '先决条件',
+              },
+              slug: 'get-started/prerequisites',
+            },
+            {
+              label: 'Install CLI',
+              translations: {
+                da: 'Installer CLI',
+                de: 'CLI installieren',
+                en: 'Install CLI',
+                es: 'Instalar CLI',
+                fr: 'Installer CLI',
+                hi: 'CLI इंस्टॉल करें',
+                id: 'Instal CLI',
+                it: 'Installa CLI',
+                ja: 'CLI をインストールする',
+                ko: 'CLI 설치',
+                'pt-BR': 'Instalar CLI',
+                'pt-PT': 'Instalar CLI',
+                ru: 'Установить CLI',
+                tr: 'CLI Kur',
+                uk: 'Встановити CLI',
+                'zh-CN': '安装 CLI',
+              },
+              slug: 'get-started/install-cli',
+            },
+            {
+              label: 'VS Code extension',
+              translations: {
+                da: 'VS Code-udvidelse',
+                de: 'VS Code-Erweiterung',
+                en: 'VS Code extension',
+                es: 'Extensión de VS Code',
+                fr: 'Extension VS Code',
+                hi: 'VS Code एक्सटेंशन',
+                id: 'Ekstensi VS Code',
+                it: 'Estensione VS Code',
+                ja: 'VS Code 拡張機能',
+                ko: 'VS Code 확장',
+                'pt-BR': 'Extensão VS Code',
+                'pt-PT': 'Extensão VS Code',
+                ru: 'Расширение VS Code',
+                tr: 'VS Code uzantısı',
+                uk: 'Розширення VS Code',
+                'zh-CN': 'VS Code 扩展',
+              },
+              slug: 'get-started/aspire-vscode-extension',
+            },
+            {
+              label: 'Dev Containers',
+              slug: 'get-started/dev-containers',
+            },
+            {
+              label: 'GitHub Codespaces',
+              slug: 'get-started/github-codespaces',
+            },
+            {
+              label: 'Aspire SDK',
+              slug: 'get-started/aspire-sdk',
+            },
+            {
+              label: 'Aspire templates',
+              translations: {
+                da: 'Aspire-skabeloner',
+                de: 'Aspire-Vorlagen',
+                en: 'Aspire templates',
+                es: 'Plantillas de Aspire',
+                fr: 'Modèles Aspire',
+                hi: 'Aspire टेम्प्लेट',
+                id: 'Template Aspire',
+                it: 'Modelli Aspire',
+                ja: 'Aspire テンプレート',
+                ko: 'Aspire 템플릿',
+                'pt-BR': 'Modelos do Aspire',
+                'pt-PT': 'Modelos do Aspire',
+                ru: 'Шаблоны Aspire',
+                tr: 'Aspire şablonları',
+                uk: 'Шаблони Aspire',
+                'zh-CN': 'Aspire 模板',
+              },
+              slug: 'get-started/aspire-sdk-templates',
+            },
+          ],
         },
         {
           label: 'Build your first app',

src/frontend/src/components/PivotSelector.astro

@@ -571,10 +571,7 @@ const { options, key, title } = Astro.props;
     // Collapse/Expand functionality
     const collapseBtn = document.getElementById(`pivot-collapse-${key}`);
     const expandBtn = document.getElementById(`pivot-expand-${key}`);
-    const collapseStorageKey = `${key}-collapsed`;
 
-    // Check if user previously collapsed this pivot, default to true (collapsed)
-    const wasCollapsed = localStorage.getItem(collapseStorageKey) !== 'false';
     let isCollapsed = false;
     let autoCollapseTimer = null;
     let userExpanded = false; // Track if user manually expanded
@@ -585,12 +582,10 @@ const { options, key, title } = Astro.props;
 
       if (collapsed) {
         container.classList.add('collapsed');
-        localStorage.setItem(collapseStorageKey, 'true');
         clearAutoCollapseTimer();
         enableScrollCollapse = false;
       } else {
         container.classList.remove('collapsed');
-        localStorage.setItem(collapseStorageKey, 'false');
 
         // If user manually expanded, mark it and start auto-collapse timer
         if (isUserAction) {
@@ -619,8 +614,8 @@ const { options, key, title } = Astro.props;
       }
     }
 
-    // Restore collapsed state if it was floating and previously collapsed
-    if (wasCollapsed && isFloating) {
+    // Always start collapsed when floating
+    if (isFloating) {
       setCollapsed(true);
     }
 
@@ -674,8 +669,8 @@ const { options, key, title } = Astro.props;
       const wasFloatingBefore = isFloating;
       originalUpdateFloatingState();
 
-      // If we just became floating and user had it collapsed, restore that state
-      if (!wasFloatingBefore && isFloating && wasCollapsed) {
+      // Always collapse when becoming floating
+      if (!wasFloatingBefore && isFloating) {
         setCollapsed(true);
       }
       // If we're no longer floating, remove collapsed state
@@ -685,10 +680,6 @@ const { options, key, title } = Astro.props;
         userExpanded = false;
         enableScrollCollapse = false;
       }
-      // If we just became floating and it's not collapsed, start auto-collapse timer
-      if (!wasFloatingBefore && isFloating && !isCollapsed) {
-        startAutoCollapseTimer();
-      }
     };
   }