aey/strand
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add PWA: manifest, icons

Browse source
This commit is contained in:
Anders Englöf Ytterström 2025-02-12 23:14:51 +01:00
parent 026b090426
commit b34bb19fb8
6 changed files with 4818 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
index.html
View file

@ -1,13 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Strand</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Strand</title>
</head>
<body>
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>

4773
package-lock.json generated
View file

File diff suppressed because it is too large Load diff

3
package.json
View file

@ -17,7 +17,8 @@
"svelte": "^5.15.0",
"svelte-check": "^4.1.1",
"typescript": "~5.6.2",
"vite": "^6.0.5"
"vite": "^6.0.5",
"vite-plugin-pwa": "^0.21.1"
},
"dependencies": {
"svelte-persisted-store": "^0.12.0"

BIN
public/icon512_maskable.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
public/icon512_rounded.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 23 KiB

39
vite.config.ts
View file

@ -1,7 +1,38 @@
import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
import { defineConfig } from "vite";
import { VitePWA } from "vite-plugin-pwa";
import { svelte } from "@sveltejs/vite-plugin-svelte";
// https://vite.dev/config/
export default defineConfig({
plugins: [svelte()],
})
plugins: [
svelte(),
VitePWA({
injectRegister: "auto",
includeAssets: ["icon512_rounded.png", "icon512_maskable.png"],
manifest: {
theme_color: "#8936FF",
background_color: "#2EC6FE",
icons: [
{
purpose: "maskable",
sizes: "512x512",
src: "icon512_maskable.png",
type: "image/png",
},
{
purpose: "any",
sizes: "512x512",
src: "icon512_rounded.png",
type: "image/png",
},
],
orientation: "portrait",
display: "standalone",
dir: "auto",
lang: "sv-SE",
name: "Strand",
short_name: "strand",
},
}),
],
});