Update index.html and vite.config.ts for dynamic app name and manifest adjustments
- Replace static app name in index.html and use environment variable for dynamic title - Update Vite configuration to reflect new app name and description - Modify manifest icons for better clarity and organization - Remove deprecated logo asset from the project This commit enhances the app's configurability and aligns with the new branding strategy.
|
|
@ -5,14 +5,12 @@
|
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<!-- <meta name="theme-color" content="#ffffff"> -->
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||
<link rel="mask-icon" href="/mask-icon.svg" color="#FFFFFF">
|
||||
<title>Ariège Hub</title>
|
||||
<link rel="apple-touch-icon" href="/pwa-192x192.png">
|
||||
<link rel="apple-touch-startup-image" href="/splash.png">
|
||||
<meta name="apple-mobile-web-app-title" content="Ariège">
|
||||
<title>%VITE_APP_NAME% Hub</title>
|
||||
<meta name="apple-mobile-web-app-title" content="%VITE_APP_NAME%">
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 38 KiB |
|
Before Width: | Height: | Size: 662 KiB After Width: | Height: | Size: 15 KiB |
BIN
public/icon-192.png
Normal file
|
After Width: | Height: | Size: 43 KiB |
BIN
public/icon-512.png
Normal file
|
After Width: | Height: | Size: 313 KiB |
BIN
public/icon-maskable-192.png
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
public/icon-maskable-512.png
Normal file
|
After Width: | Height: | Size: 151 KiB |
|
Before Width: | Height: | Size: 59 KiB |
|
Before Width: | Height: | Size: 346 KiB |
|
Before Width: | Height: | Size: 5.2 MiB |
|
Before Width: | Height: | Size: 7.8 KiB |
|
|
@ -147,7 +147,7 @@ export function useMarket() {
|
|||
relays: config.nostr.relays,
|
||||
selected: true,
|
||||
opts: {
|
||||
name: 'Ariège Market',
|
||||
name: `${import.meta.env.VITE_APP_NAME} Market`,
|
||||
description: 'A communal market to sell your goods',
|
||||
merchants: [],
|
||||
ui: {}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ export default defineConfig(({ mode }) => ({
|
|||
devOptions: {
|
||||
enabled: true
|
||||
},
|
||||
strategies: 'injectManifest',
|
||||
// strategies: 'injectManifest',
|
||||
srcDir: 'public',
|
||||
filename: 'sw.js',
|
||||
workbox: {
|
||||
|
|
@ -25,48 +25,35 @@ export default defineConfig(({ mode }) => ({
|
|||
'**/*.{js,css,html,ico,png,svg}'
|
||||
]
|
||||
},
|
||||
includeAssets: ['favicon.ico', 'apple-touch-icon.png', 'mask-icon.svg'],
|
||||
includeAssets: [
|
||||
'favicon.ico',
|
||||
'apple-touch-icon.png',
|
||||
'mask-icon.svg',
|
||||
// optional: include the icon PNGs explicitly if you also reference them directly
|
||||
'icon-192.png',
|
||||
'icon-512.png',
|
||||
'icon-maskable-192.png',
|
||||
'icon-maskable-512.png',
|
||||
],
|
||||
manifest: {
|
||||
name: 'Ario - Nostr Community Hub',
|
||||
short_name: 'Ario',
|
||||
description: 'Nostr-based community platform with Lightning Network integration for events and announcements',
|
||||
name: 'AIO - Community Hub',
|
||||
short_name: 'AIO',
|
||||
description: 'Nostr-based community platform with Lightning Network integration for events, market and announcements',
|
||||
theme_color: '#1f2937',
|
||||
background_color: '#ffffff',
|
||||
display: 'standalone',
|
||||
orientation: 'portrait-primary',
|
||||
start_url: '/',
|
||||
scope: '/',
|
||||
id: 'ario-nostr-hub',
|
||||
id: 'aio-community-hub',
|
||||
categories: ['social', 'utilities'],
|
||||
lang: 'en',
|
||||
icons: [
|
||||
{
|
||||
src: 'pwa-192x192.png',
|
||||
sizes: '192x192',
|
||||
type: 'image/png',
|
||||
purpose: 'any'
|
||||
},
|
||||
{
|
||||
src: 'pwa-512x512.png',
|
||||
sizes: '512x512',
|
||||
type: 'image/png',
|
||||
purpose: 'any'
|
||||
},
|
||||
{
|
||||
src: 'pwa-512x512.png',
|
||||
sizes: '512x512',
|
||||
type: 'image/png',
|
||||
purpose: 'maskable'
|
||||
}
|
||||
"icons": [
|
||||
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
|
||||
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
|
||||
{ "src": "/icon-maskable-192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
|
||||
{ "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
|
||||
],
|
||||
screenshots: [
|
||||
{
|
||||
src: 'splash.png',
|
||||
sizes: '1080x1920',
|
||||
type: 'image/png',
|
||||
form_factor: 'narrow'
|
||||
}
|
||||
]
|
||||
}
|
||||
}),
|
||||
Inspect(),
|
||||
|
|
|
|||