Update service worker cache revision, enhance AppSwitcher with online status indicator, and improve HTTPS setup script for PWA support

- Updated the cache revision for index.html in the service worker to ensure proper asset management.
- Enhanced AppSwitcher.vue with a new online status button for mobile/tablet views and a dropdown for desktop.
- Improved setup-https-dev.sh to include PWA snippet for nginx configuration, facilitating Android install and ensuring HTTPS is properly set up for PWA functionality.
This commit is contained in:
Dorian
2026-02-18 13:01:15 +00:00
parent a7b92fb4d3
commit aa08160556
4 changed files with 67 additions and 4 deletions

View File

@@ -1,8 +1,29 @@
<template>
<div class="relative" ref="containerRef">
<!-- Mobile/tablet: Online button launches CLI directly (no CLI label, no dropdown) -->
<button
type="button"
class="flex items-center gap-2 px-3 py-2 rounded-lg glass-card text-white/90 hover:bg-white/10 hover:text-white transition-colors min-w-0 border border-white/10"
class="lg:hidden flex items-center gap-2 px-3 py-2 rounded-lg glass-card text-white/90 hover:bg-white/10 hover:text-white transition-colors min-w-0 border border-white/10"
@click="selectCLI"
>
<img
src="/assets/img/logo-archipelago.svg"
alt="Archipelago"
class="w-5 h-5 shrink-0 object-contain opacity-90"
/>
<div class="flex items-center gap-1.5 shrink-0">
<div class="relative">
<div class="w-2 h-2 rounded-full bg-green-400"></div>
<div class="absolute inset-0 w-2 h-2 rounded-full bg-green-400 animate-ping opacity-50"></div>
</div>
<span class="text-xs text-white/80">Online</span>
</div>
</button>
<!-- Desktop: Full switcher with dropdown (lg and up) -->
<button
type="button"
class="hidden lg:flex items-center gap-2 px-3 py-2 rounded-lg glass-card text-white/90 hover:bg-white/10 hover:text-white transition-colors min-w-0 border border-white/10"
@click="showDropdown = !showDropdown"
>
<img