<% const sidebar = { sidebarURL: "/docs/Web/Progressive_web_apps", sections: [ { name: "/docs/Web/Progressive_web_apps/Guides", contents: [ "/docs/Web/Progressive_web_apps/Guides/What_is_a_progressive_web_app", "/docs/Web/Progressive_web_apps/Guides/Installing", "/docs/Web/Progressive_web_apps/Guides/Making_PWAs_installable", "/docs/Web/Progressive_web_apps/Guides/Offline_and_background_operation", "/docs/Web/Progressive_web_apps/Guides/Caching", "/docs/Web/Progressive_web_apps/Guides/Best_practices", ], }, { name: "/docs/Web/Progressive_web_apps/Tutorials", contents: [ { name: "/docs/Web/Progressive_web_apps/Tutorials/CycleTracker", contents: [ "/docs/Web/Progressive_web_apps/Tutorials/CycleTracker", "/docs/Web/Progressive_web_apps/Tutorials/CycleTracker/HTML_and_CSS", "/docs/Web/Progressive_web_apps/Tutorials/CycleTracker/Secure_connection", "/docs/Web/Progressive_web_apps/Tutorials/CycleTracker/JavaScript_functionality", "/docs/Web/Progressive_web_apps/Tutorials/CycleTracker/Manifest_file", "/docs/Web/Progressive_web_apps/Tutorials/CycleTracker/Service_workers", ], }, { name: "/docs/Web/Progressive_web_apps/Tutorials/js13kGames", contents: [ "/docs/Web/Progressive_web_apps/Tutorials/js13kGames", "/docs/Web/Progressive_web_apps/Tutorials/js13kGames/App_structure", "/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Offline_Service_workers", "/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Installable_PWAs", "/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Re-engageable_Notifications_Push", "/docs/Web/Progressive_web_apps/Tutorials/js13kGames/Loading", ], }, ], }, { name: "/docs/Web/Progressive_web_apps/How_to", contents: [ "/docs/Web/Progressive_web_apps/How_to/Trigger_install_prompt", "/docs/Web/Progressive_web_apps/How_to/Define_app_icons", "/docs/Web/Progressive_web_apps/How_to/Create_a_standalone_app", "/docs/Web/Progressive_web_apps/How_to/Customize_your_app_colors", "/docs/Web/Progressive_web_apps/How_to/Display_badge_on_app_icon", "/docs/Web/Progressive_web_apps/How_to/Expose_common_actions_as_shortcuts", "/docs/Web/Progressive_web_apps/How_to/Share_data_between_apps", "/docs/Web/Progressive_web_apps/How_to/Associate_files_with_your_PWA", ], }, { name: "/docs/Web/Progressive_web_apps/Reference", contents: [], }, ] }; function getLink(pageSlug) { return `/${env.locale}${pageSlug}`; } async function getTitle(pageSlug) { let page = await wiki.getPage(getLink(pageSlug)); if (!page.title) { page = await wiki.getPage(`/en-US${pageSlug}`); } const title = page.short_title || page.title; return mdn.htmlEscape(title); } async function renderRootItem(item) { return `

${await getTitle(item)}

` } async function renderItem(item) { let output = ""; if (typeof item === "string") { output += `

${await getTitle( item )}

`; } else { output += `

${await renderSubsection(item)}

`; } return output; } async function renderSubsection(subsection) { let output = `

${await getTitle( subsection.name )}

`; output += (await Promise.all(subsection.contents.map(item => renderItem(item)))).join(''); output += "

"; return output; } async function renderSection(section) { let output = await renderRootItem(section.name); output += (await Promise.all(section.contents.map(item => renderItem(item)))).join(''); return output; } async function renderSidebar() { let output = '

'; output += await renderRootItem(sidebar.sidebarURL); output += (await Promise.all(sidebar.sections.map(section => renderSection(section)))).join(''); output += "

"; return output; } const output = await renderSidebar(); %> <%-output%>