lfg2025/archy
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases 33 Wiki Activity

Update PWA assets and enhance UI components for improved user experience

Browse Source 
- Replaced outdated favicon and app icons with new PNG assets for better scalability and visual quality.
- Updated index.html and manifest.json to reflect new icon paths and improve PWA support.
- Added a script in package.json to generate PWA icons automatically.
- Enhanced AppLauncherOverlay.vue with a refresh button for better user interaction.
- Improved SplashScreen.vue with new transition effects for a more engaging user experience.
This commit is contained in:
Dorian
2026-02-18 10:10:12 +00:00
parent d6ecf5ea2f
commit e6fb1d20be
17 changed files with 790 additions and 145 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
neode-ui/vite.config.ts
View File

@@ -9,7 +9,7 @@ export default defineConfig({
vue(),
VitePWA({
registerType: 'autoUpdate',
includeAssets: ['assets/icon/favico-black.svg', 'favico.svg', 'favicon.ico'],
includeAssets: ['assets/icon/favico-black.svg', 'assets/icon/pwa-192x192.png', 'assets/icon/pwa-512x512.png', 'assets/icon/apple-touch-icon-180x180.png', 'favicon.ico'],
manifest: {
name: 'Archipelago',
short_name: 'Archipelago',
@@ -23,89 +23,15 @@ export default defineConfig({
categories: ['productivity', 'utilities'],
prefer_related_applications: false,
icons: [
{
src: '/assets/icon/favico-black.svg',
sizes: '72x72',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/icon/favico-black.svg',
sizes: '96x96',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/icon/favico-black.svg',
sizes: '128x128',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/icon/favico-black.svg',
sizes: '144x144',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/icon/favico-black.svg',
sizes: '152x152',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/icon/favico-black.svg',
sizes: '192x192',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/icon/favico-black.svg',
sizes: '384x384',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/icon/favico-black.svg',
sizes: '512x512',
type: 'image/svg+xml',
purpose: 'any'
},
{
src: '/assets/icon/favico-black.svg',
sizes: '192x192',
type: 'image/svg+xml',
purpose: 'maskable'
},
{
src: '/assets/icon/favico-black.svg',
sizes: '512x512',
type: 'image/svg+xml',
purpose: 'maskable'
}
{ src: '/assets/icon/pwa-64x64.png', sizes: '64x64', type: 'image/png', purpose: 'any' },
{ src: '/assets/icon/pwa-192x192.png', sizes: '192x192', type: 'image/png', purpose: 'any' },
{ src: '/assets/icon/pwa-512x512.png', sizes: '512x512', type: 'image/png', purpose: 'any' },
{ src: '/assets/icon/maskable-icon-512x512.png', sizes: '512x512', type: 'image/png', purpose: 'maskable' }
],
shortcuts: [
{
name: 'Dashboard',
short_name: 'Dashboard',
description: 'Open the dashboard',
url: '/dashboard',
icons: [{ src: '/assets/icon/favico-black.svg', sizes: '192x192' }]
},
{
name: 'My Apps',
short_name: 'Apps',
description: 'Manage your apps',
url: '/apps',
icons: [{ src: '/assets/icon/favico-black.svg', sizes: '192x192' }]
},
{
name: 'App Store',
short_name: 'Store',
description: 'Browse and install apps',
url: '/marketplace',
icons: [{ src: '/assets/icon/favico-black.svg', sizes: '192x192' }]
}
{ name: 'Dashboard', short_name: 'Dashboard', description: 'Open the dashboard', url: '/dashboard', icons: [{ src: '/assets/icon/pwa-192x192.png', sizes: '192x192' }] },
{ name: 'My Apps', short_name: 'Apps', description: 'Manage your apps', url: '/dashboard/apps', icons: [{ src: '/assets/icon/pwa-192x192.png', sizes: '192x192' }] },
{ name: 'App Store', short_name: 'Store', description: 'Browse and install apps', url: '/dashboard/marketplace', icons: [{ src: '/assets/icon/pwa-192x192.png', sizes: '192x192' }] }
]
},
workbox: {