add vitejsPWA

package.json

@@ -25,7 +25,8 @@
         "react-dom": "^18.2.0",
         "tailwindcss": "^3.3.3",
         "typescript": "^5.2.2",
-        "vite": "^4.4.9"
+        "vite": "^4.4.9",
+        "vite-plugin-pwa": "^0.16.5"
     },
     "dependencies": {
         "d3": "^7.8.5",

public/favicon.svg

@@ -0,0 +1,109 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   width="100px"
+   height="100px"
+   style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
+   id="svg340"
+   sodipodi:docname="10d@2x.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs344" />
+  <sodipodi:namedview
+     id="namedview342"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="6.9860105"
+     inkscape:cx="32.49351"
+     inkscape:cy="52.032559"
+     inkscape:window-width="1850"
+     inkscape:window-height="1136"
+     inkscape:window-x="70"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg340" />
+  <g
+     id="g1598"
+     transform="matrix(1.6409281,0,0,1.6409281,-33.288122,-29.848421)">
+    <ellipse
+       style="fill:#ec6d4b;fill-opacity:0.945098;stroke-width:5.31402;stroke-linecap:square;stroke-linejoin:round;paint-order:fill markers stroke"
+       id="path517"
+       cx="62.378757"
+       cy="37.581673"
+       rx="15.100805"
+       ry="14.837029" />
+    <g
+       id="g314">
+      <path
+         style="opacity:0.956"
+         fill="#f2f1f1"
+         d="m 50.5,30.5 c 2.052249,1.654227 1.9412,3.9664 3,6 1.578183,1.489401 6.2139,1.5439 9,3 1.373984,1.322711 1.1816,3.9086 1,6 3.2882,-0.4844 5.9548,0.5156 8,3 1.3734,4.4358 0.04,7.9358 -4,10.5 -8.6603,0.4998 -17.3269,0.6664 -26,0.5 h -4 C 26.1179,60.2958 21.9513,55.2958 25,44.5 c 2.1413,-2.8208 4.9746,-4.1541 8.5,-4 -0.4488,-7.4279 3.0512,-11.4279 10.5,-12 2.4418,-0.0177 4.6085,0.649 6.5,2 z"
+         id="path312"
+         sodipodi:nodetypes="cccccccccccc" />
+    </g>
+    <g
+       id="g318">
+      <path
+         style="opacity:1;fill:#c3c3c4;fill-opacity:1"
+         fill="#4a4a4c"
+         d="m 40.332727,59.754949 c -1.3333,2.6667 -3.02894,2.408643 -2.382156,-0.172998 C 38.498371,57.549651 39.657107,57.688323 41.5,56.5 Z"
+         id="path316"
+         sodipodi:nodetypes="cccc" />
+    </g>
+    <g
+       id="g322">
+      <path
+         style="opacity:0.648"
+         fill="#464648"
+         d="m 53.5,60.5 c -0.275093,4.144916 -1.086323,5.991025 -2.088621,5.231821 C 49.111531,64.215714 51.9624,62.5514 53.5,60.5 Z"
+         id="path320"
+         sodipodi:nodetypes="ccc" />
+    </g>
+    <g
+       id="g326">
+      <path
+         style="opacity:0.642"
+         fill="#484749"
+         d="m 45.394906,62.835155 v 0 C 45.295028,64.774264 44.112,69.461504 42.5,68.5 c -1.276548,-0.758272 1.006762,-3.720805 2.894906,-5.664845 z"
+         id="path324"
+         sodipodi:nodetypes="cccc" />
+    </g>
+    <g
+       id="g330">
+      <path
+         style="opacity:0.655"
+         fill="#49484a"
+         d="m 38.323024,64.01566 c -0.510774,3.779491 -1.468353,4.712106 -2.85558,5.927272 C 34.086944,69.443332 34.4528,69.0004 34.5,67.5 c 0.3457,-1.3492 1.729695,-2.377354 3.823024,-3.48434 z"
+         id="path328"
+         sodipodi:nodetypes="cccc" />
+    </g>
+    <g
+       id="g334">
+      <path
+         style="opacity:0.629"
+         fill="#484849"
+         d="m 50.5,68.5 c -0.332574,3.804597 -0.243075,6.57837 -2,6 -1.287633,-0.914112 0.7702,-4.2028 2,-6 z"
+         id="path332"
+         sodipodi:nodetypes="ccc" />
+    </g>
+    <g
+       id="g338">
+      <path
+         style="opacity:0.536"
+         fill="#484849"
+         d="m 44.5,69.5 c -0.864872,3.818695 -1.946788,4.527584 -3.422663,4.213387 C 39.737799,72.940004 41.5,70.826657 44.5,69.5 Z"
+         id="path336"
+         sodipodi:nodetypes="ccc" />
+    </g>
+  </g>
+</svg>

resources/js/sw.ts

@@ -0,0 +1 @@
+console.log('worker')

resources/views/app.blade.php

@@ -4,6 +4,9 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
+        <link rel="icon" href="/favicon.ico" sizes="any">
+        <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+
         <title>{{ config('app.name', 'Laravel') }}</title>
 
         <!-- Fonts -->

vite.config.js

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vite';
 import laravel from 'laravel-vite-plugin';
 import react from '@vitejs/plugin-react';
+import { VitePWA } from 'vite-plugin-pwa'
 
 export default defineConfig({
     plugins: [
@@ -9,5 +10,6 @@ export default defineConfig({
             refresh: true,
         }),
         react(),
+        VitePWA({ registerType: 'autoUpdate' })
     ],
 });