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="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-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
<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="icon" href="/favicon.ico" />
|
||||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
||||||
<link rel="mask-icon" href="/mask-icon.svg" color="#FFFFFF">
|
<link rel="mask-icon" href="/mask-icon.svg" color="#FFFFFF">
|
||||||
<title>Ariège Hub</title>
|
<title>%VITE_APP_NAME% Hub</title>
|
||||||
<link rel="apple-touch-icon" href="/pwa-192x192.png">
|
<meta name="apple-mobile-web-app-title" content="%VITE_APP_NAME%">
|
||||||
<link rel="apple-touch-startup-image" href="/splash.png">
|
|
||||||
<meta name="apple-mobile-web-app-title" content="Ariège">
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<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,
|
relays: config.nostr.relays,
|
||||||
selected: true,
|
selected: true,
|
||||||
opts: {
|
opts: {
|
||||||
name: 'Ariège Market',
|
name: `${import.meta.env.VITE_APP_NAME} Market`,
|
||||||
description: 'A communal market to sell your goods',
|
description: 'A communal market to sell your goods',
|
||||||
merchants: [],
|
merchants: [],
|
||||||
ui: {}
|
ui: {}
|
||||||
|
|
|
||||||
|
|
@ -17,7 +17,7 @@ export default defineConfig(({ mode }) => ({
|
||||||
devOptions: {
|
devOptions: {
|
||||||
enabled: true
|
enabled: true
|
||||||
},
|
},
|
||||||
strategies: 'injectManifest',
|
// strategies: 'injectManifest',
|
||||||
srcDir: 'public',
|
srcDir: 'public',
|
||||||
filename: 'sw.js',
|
filename: 'sw.js',
|
||||||
workbox: {
|
workbox: {
|
||||||
|
|
@ -25,48 +25,35 @@ export default defineConfig(({ mode }) => ({
|
||||||
'**/*.{js,css,html,ico,png,svg}'
|
'**/*.{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: {
|
manifest: {
|
||||||
name: 'Ario - Nostr Community Hub',
|
name: 'AIO - Community Hub',
|
||||||
short_name: 'Ario',
|
short_name: 'AIO',
|
||||||
description: 'Nostr-based community platform with Lightning Network integration for events and announcements',
|
description: 'Nostr-based community platform with Lightning Network integration for events, market and announcements',
|
||||||
theme_color: '#1f2937',
|
theme_color: '#1f2937',
|
||||||
background_color: '#ffffff',
|
background_color: '#ffffff',
|
||||||
display: 'standalone',
|
display: 'standalone',
|
||||||
orientation: 'portrait-primary',
|
orientation: 'portrait-primary',
|
||||||
start_url: '/',
|
start_url: '/',
|
||||||
scope: '/',
|
scope: '/',
|
||||||
id: 'ario-nostr-hub',
|
id: 'aio-community-hub',
|
||||||
categories: ['social', 'utilities'],
|
categories: ['social', 'utilities'],
|
||||||
lang: 'en',
|
lang: 'en',
|
||||||
icons: [
|
"icons": [
|
||||||
{
|
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
|
||||||
src: 'pwa-192x192.png',
|
{ "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
|
||||||
sizes: '192x192',
|
{ "src": "/icon-maskable-192.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" },
|
||||||
type: 'image/png',
|
{ "src": "/icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
|
||||||
purpose: 'any'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: 'pwa-512x512.png',
|
|
||||||
sizes: '512x512',
|
|
||||||
type: 'image/png',
|
|
||||||
purpose: 'any'
|
|
||||||
},
|
|
||||||
{
|
|
||||||
src: 'pwa-512x512.png',
|
|
||||||
sizes: '512x512',
|
|
||||||
type: 'image/png',
|
|
||||||
purpose: 'maskable'
|
|
||||||
}
|
|
||||||
],
|
],
|
||||||
screenshots: [
|
|
||||||
{
|
|
||||||
src: 'splash.png',
|
|
||||||
sizes: '1080x1920',
|
|
||||||
type: 'image/png',
|
|
||||||
form_factor: 'narrow'
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}),
|
}),
|
||||||
Inspect(),
|
Inspect(),
|
||||||
|
|
|
||||||