InnoPeak/organizrr
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: ✨ add Vite PWA plugin and configure icons/meta/manifest

Browse Source
This commit is contained in:
RaviAnand Mohabir 2025-04-04 15:57:37 +02:00
parent e26ae9c732
commit cd102e5357
11 changed files with 4383 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@ -1,13 +1,18 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"/> <meta charset="UTF-8" />
<meta content="width=device-width, initial-scale=1.0" name="viewport"/> <meta content="width=device-width, initial-scale=1.0" name="viewport" />
<title>customer-files-organizer</title> <meta content="Customer File Organizer by InnoPeak" name="description" />
</head> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
<body> <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<div id="root"></div> <link rel="shortcut icon" href="/favicon.ico" />
<script src="./src/main.tsx" type="module"></script> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
</body> <meta name="apple-mobile-web-app-title" content="Organizrr" />
<title>Organizrr</title>
</head>
<body>
<div id="root"></div>
<script src="./src/main.tsx" type="module"></script>
</body>
</html> </html>

4327
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
package.json
View File

@ -32,6 +32,7 @@
"postcss-simple-vars": "^7.0.1", "postcss-simple-vars": "^7.0.1",
"typescript": "^5.8.2", "typescript": "^5.8.2",
"vite": "^6.2.3", "vite": "^6.2.3",
"vite-plugin-pwa": "^1.0.0",
"vite-plugin-top-level-await": "^1.5.0", "vite-plugin-top-level-await": "^1.5.0",
"vite-plugin-wasm": "^3.4.1" "vite-plugin-wasm": "^3.4.1"
} }

BIN
public/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
public/favicon-96x96.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

17
public/favicon.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

21
public/site.webmanifest Normal file
View File

@ -0,0 +1,21 @@
{
"name": "Organizrr",
"short_name": "Organizrr",
"icons": [
{
"src": "/web-app-manifest-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "/web-app-manifest-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
],
"theme_color": "#8A1E59",
"background_color": "#8A1E59",
"display": "standalone"
}

BIN
public/web-app-manifest-192x192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
public/web-app-manifest-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 204 KiB

33
vite.config.ts
View File

@ -1,7 +1,38 @@
import { VitePWA } from "vite-plugin-pwa";
import { defineConfig } from "vite"; import { defineConfig } from "vite";
import react from "@vitejs/plugin-react"; import react from "@vitejs/plugin-react";
// https://vitejs.dev/config/ // https://vitejs.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [react()], plugins: [
react(),
VitePWA({
registerType: "autoUpdate",
includeAssets: ["favicon.ico", "apple-touch-icon.png"],
manifest: {
name: "Organizrr",
short_name: "Organizrr",
icons: [
{
src: "web-app-manifest-192x192.png",
sizes: "192x192",
type: "image/png",
purpose: "maskable",
},
{
src: "web-app-manifest-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "maskable",
},
],
theme_color: "#8A1E59",
background_color: "#8A1E59",
display: "standalone",
},
devOptions: {
enabled: true,
},
}),
],
}); });