Add pwa
@ -1,3 +1,20 @@
|
|||||||
module.exports = {
|
const withPWA = require("next-pwa");
|
||||||
reactStrictMode: true,
|
const runtimeCaching = require("next-pwa/cache");
|
||||||
}
|
|
||||||
|
const { PHASE_DEVELOPMENT_SERVER } = require("next/constants");
|
||||||
|
|
||||||
|
module.exports = (phase, { defaultConfig }) => {
|
||||||
|
if (phase === PHASE_DEVELOPMENT_SERVER) {
|
||||||
|
return {
|
||||||
|
reactStrictMode: true,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
return withPWA({
|
||||||
|
reactStrictMode: true,
|
||||||
|
pwa: {
|
||||||
|
dest: "public",
|
||||||
|
runtimeCaching,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|||||||
@ -10,6 +10,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@microsoft/signalr": "^6.0.0",
|
"@microsoft/signalr": "^6.0.0",
|
||||||
"next": "12.0.3",
|
"next": "12.0.3",
|
||||||
|
"next-pwa": "^5.4.0",
|
||||||
"react": "17.0.2",
|
"react": "17.0.2",
|
||||||
"react-dom": "17.0.2",
|
"react-dom": "17.0.2",
|
||||||
"tailwindcss": "^2.2.19"
|
"tailwindcss": "^2.2.19"
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 25 KiB After Width: | Height: | Size: 25 KiB |
BIN
src/client/public/icons/icon-128x128.png
Normal file
|
After Width: | Height: | Size: 9.1 KiB |
BIN
src/client/public/icons/icon-144x144.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
BIN
src/client/public/icons/icon-152x152.png
Normal file
|
After Width: | Height: | Size: 11 KiB |
BIN
src/client/public/icons/icon-16x16.png
Normal file
|
After Width: | Height: | Size: 761 B |
BIN
src/client/public/icons/icon-192x192.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
src/client/public/icons/icon-32x32.png
Normal file
|
After Width: | Height: | Size: 1.5 KiB |
BIN
src/client/public/icons/icon-384x384.png
Normal file
|
After Width: | Height: | Size: 29 KiB |
BIN
src/client/public/icons/icon-512x512.png
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
src/client/public/icons/icon-72x72.png
Normal file
|
After Width: | Height: | Size: 5.0 KiB |
BIN
src/client/public/icons/icon-96x96.png
Normal file
|
After Width: | Height: | Size: 6.7 KiB |
53
src/client/public/manifest.json
Normal file
@ -0,0 +1,53 @@
|
|||||||
|
{
|
||||||
|
"name": "Todo",
|
||||||
|
"short_name": "Todo",
|
||||||
|
"theme_color": "#e5a00d",
|
||||||
|
"background_color": "#282A2D",
|
||||||
|
"display": "fullscreen",
|
||||||
|
"orientation": "portrait",
|
||||||
|
"scope": "/",
|
||||||
|
"start_url": "/",
|
||||||
|
"icons": [
|
||||||
|
{
|
||||||
|
"src": "icons/icon-72x72.png",
|
||||||
|
"sizes": "72x72",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "icons/icon-96x96.png",
|
||||||
|
"sizes": "96x96",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "icons/icon-128x128.png",
|
||||||
|
"sizes": "128x128",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "icons/icon-144x144.png",
|
||||||
|
"sizes": "144x144",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "icons/icon-152x152.png",
|
||||||
|
"sizes": "152x152",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "icons/icon-192x192.png",
|
||||||
|
"sizes": "192x192",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "icons/icon-384x384.png",
|
||||||
|
"sizes": "384x384",
|
||||||
|
"type": "image/png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"src": "icons/icon-512x512.png",
|
||||||
|
"sizes": "512x512",
|
||||||
|
"type": "image/png"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"splash_pages": null
|
||||||
|
}
|
||||||
1
src/client/public/sw.js
Normal file
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
1
src/client/public/workbox-4a677df8.js
Normal file
@ -1,11 +1,42 @@
|
|||||||
import { AppProps } from "next/app";
|
import { AppProps } from "next/app";
|
||||||
|
import Head from "next/head";
|
||||||
|
|
||||||
import "@src/styles/tailwind.css";
|
import "@src/styles/tailwind.css";
|
||||||
import SocketProvider from "@src/presentation/contexts/SocketContext";
|
import SocketProvider from "@src/presentation/contexts/SocketContext";
|
||||||
|
|
||||||
const MyApp = ({ Component, pageProps }: AppProps) => (
|
const MyApp = ({ Component, pageProps }: AppProps) => (
|
||||||
<SocketProvider>
|
<>
|
||||||
<Component {...pageProps} />
|
<Head>
|
||||||
</SocketProvider>
|
<meta charSet="utf-8" />
|
||||||
|
<meta httpEquiv="X-UA-Compatible" content="IE=edge" />
|
||||||
|
<meta
|
||||||
|
name="viewport"
|
||||||
|
content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"
|
||||||
|
/>
|
||||||
|
<meta name="description" content="Description" />
|
||||||
|
<meta name="keywords" content="Keywords" />
|
||||||
|
<title>Todo</title>
|
||||||
|
|
||||||
|
<link rel="manifest" href="/manifest.json" />
|
||||||
|
<link
|
||||||
|
href="/icons/favicon-16x16.png"
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="16x16"
|
||||||
|
/>
|
||||||
|
<link
|
||||||
|
href="/icons/favicon-32x32.png"
|
||||||
|
rel="icon"
|
||||||
|
type="image/png"
|
||||||
|
sizes="32x32"
|
||||||
|
/>
|
||||||
|
<link rel="apple-touch-icon" href="/apple-icon.png"></link>
|
||||||
|
<meta name="theme-color" content="#317EFB" />
|
||||||
|
</Head>
|
||||||
|
|
||||||
|
<SocketProvider>
|
||||||
|
<Component {...pageProps} />
|
||||||
|
</SocketProvider>
|
||||||
|
</>
|
||||||
);
|
);
|
||||||
export default MyApp;
|
export default MyApp;
|
||||||
|
|||||||