usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2024-09-20 14:35:54 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: use vite plugin pwa for generate right sw.js (#2658)

Browse source 
Co-authored-by: boojack <stevenlgtm@gmail.com>
This commit is contained in:
Leyang 2023-12-23 12:00:03 +08:00 committed by GitHub
parent eefce6ade3
commit be2db3f170
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
7 changed files with 49 additions and 55 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
.gitignore vendored
View file

@ -17,3 +17,5 @@ build
.idea
bin/air
dev-dist

2
docs/development.md
View file

@ -21,7 +21,7 @@ Memos is built with a curated tech stack. It is optimized for developer experien
git clone https://github.com/usememos/memos
```
2. Start backend server with `air`(with live reload)
2. Start backend server with [`air`](https://github.com/cosmtrek/air) (with live reload)
```bash
air -c scripts/.air.toml

9
web/index.html
View file

@ -6,20 +6,11 @@
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f4f4f5" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#27272a" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="manifest" href="/manifest.json" />
<title>Memos</title>
<!-- memos.metadata -->
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
<script>
var global = global || window;
window.addEventListener("load", () => {
if ("serviceWorker" in navigator) {
navigator.serviceWorker.register("/sw.js");
}
});
</script>
</body>
</html>

3
web/package.json
View file

@ -59,7 +59,8 @@
"postcss": "^8.4.32",
"prettier": "2.6.2",
"typescript": "^5.3.3",
"vite": "^5.0.10"
"vite": "^5.0.10",
"vite-plugin-pwa": "^0.17.4"
},
"resolutions": {
"csstype": "3.1.2"

33
web/public/manifest.json
View file

@ -1,33 +0,0 @@
{
"short_name": "memos",
"name": "memos",
"description": "usememos/memos",
"start_url": "/",
"scope": "/",
"display": "standalone",
"theme_color": "#f4f4f5",
"background_color": "#f4f4f5",
"icons": [
{
"src": "/logo.png",
"type": "image/png",
"sizes": "16x16"
},
{
"src": "/logo.png",
"type": "image/png",
"sizes": "32x32"
},
{
"src": "/logo.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/logo.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
]
}

10
web/public/sw.js
View file

@ -1,10 +0,0 @@
self.addEventListener("install", (event) => {
event.waitUntil((async () => {})());
});
self.addEventListener("activate", (event) => {
event.waitUntil((async () => {})());
});
self.addEventListener("fetch", (event) => {});

45
web/vite.config.ts
View file

@ -1,6 +1,7 @@
import react from "@vitejs/plugin-react-swc";
import { resolve } from "path";
import { defineConfig } from "vite";
import { VitePWA } from "vite-plugin-pwa";
let devProxyServer = "http://localhost:8081/";
if (process.env.DEV_PROXY_SERVER && process.env.DEV_PROXY_SERVER.length > 0) {
@ -10,7 +11,49 @@ if (process.env.DEV_PROXY_SERVER && process.env.DEV_PROXY_SERVER.length > 0) {
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
plugins: [
react(),
VitePWA({
manifestFilename: "manifest.json",
registerType: "autoUpdate",
devOptions: {
enabled: true,
},
manifest: {
short_name: "memos",
name: "memos",
description: "usememos/memos",
start_url: "/",
scope: "/",
display: "standalone",
theme_color: "#f4f4f5",
background_color: "#f4f4f5",
icons: [
{
src: "/logo.png",
type: "image/png",
sizes: "16x16",
},
{
src: "/logo.png",
type: "image/png",
sizes: "32x32",
},
{
src: "/logo.png",
sizes: "192x192",
type: "image/png",
},
{
src: "/logo.png",
sizes: "512x512",
type: "image/png",
purpose: "any maskable",
},
],
},
}),
],
server: {
host: "0.0.0.0",
port: 3001,