feat(web): hash build files to avoid cache issues

blakeblackshear · Jan 27, 2021 · 3c072f9 · 3c072f9
1 parent 7f8ae2c
commit 3c072f9
Show file tree

Hide file tree

Showing 15 changed files with 6,758 additions and 6,260 deletions.
diff --git a/web/.dockerignore b/web/.dockerignore
@@ -0,0 +1 @@
+node_modules
diff --git a/web/package-lock.json b/web/package-lock.json
diff --git a/web/package.json b/web/package.json
@@ -3,19 +3,22 @@
  "private": true,
  "scripts": {
  "start": "cross-env SNOWPACK_PUBLIC_API_HOST=http:https://localhost:5000 snowpack dev",
+ "prebuild": "rimraf build",
  "build": "snowpack build"
  },
  "dependencies": {
  "@prefresh/snowpack": "^3.0.1",
- "@snowpack/plugin-optimize": "^0.2.10",
- "@snowpack/plugin-postcss": "^1.0.11",
+ "@snowpack/plugin-optimize": "^0.2.13",
+ "@snowpack/plugin-postcss": "^1.1.0",
+ "@snowpack/plugin-webpack": "^2.3.0",
  "autoprefixer": "^10.2.1",
  "cross-env": "^7.0.3",
  "postcss": "^8.2.2",
  "postcss-cli": "^8.3.1",
  "preact": "^10.5.9",
  "preact-router": "^3.2.1",
- "snowpack": "^2.18.5",
+ "rimraf": "^3.0.2",
+ "snowpack": "^3.0.0",
  "tailwindcss": "^2.0.2"
  }
 }
diff --git a/web/public/android-chrome-192x192.png b/web/public/android-chrome-192x192.png
diff --git a/web/public/android-chrome-512x512.png b/web/public/android-chrome-512x512.png
diff --git a/web/public/apple-touch-icon.png b/web/public/apple-touch-icon.png
diff --git a/web/public/favicon-16x16.png b/web/public/favicon-16x16.png
diff --git a/web/public/favicon-32x32.png b/web/public/favicon-32x32.png
diff --git a/web/public/favicon.ico b/web/public/favicon.ico
diff --git a/web/public/favicon.png b/web/public/favicon.png
diff --git a/web/public/index.html b/web/public/index.html
@@ -2,23 +2,20 @@
 <html lang="en">
  <head>
  <meta charset="utf-8" />
- <link rel="icon" href="/favicon.ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
+ <link rel="icon" href="/favicon.ico" />
  <title>Frigate</title>
+ <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+ <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+ <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+ <link rel="manifest" href="/site.webmanifest" />
+ <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#3b82f7" />
+ <meta name="msapplication-TileColor" content="#3b82f7" />
+ <meta name="theme-color" content="#ff0000" />
  </head>
  <body>
  <div id="root"></div>
  <noscript>You need to enable JavaScript to run this app.</noscript>
  <script type="module" src="/dist/index.js"></script>
- <!--
- This HTML file is a template.
- If you open it directly in the browser, you will see an empty page.
-
- You can add webfonts, meta tags, or analytics to this file.
- The build step will place the bundled scripts into the <body> tag.
-
- To begin the development, run `npm start` or `yarn start`.
- To create a production bundle, use `npm run build` or `yarn build`.
- -->
  </body>
 </html>
diff --git a/web/public/mstile-150x150.png b/web/public/mstile-150x150.png
diff --git a/web/public/safari-pinned-tab.svg b/web/public/safari-pinned-tab.svg
diff --git a/web/public/site.webmanifest b/web/public/site.webmanifest
@@ -0,0 +1,19 @@
+{
+ "name": "",
+ "short_name": "",
+ "icons": [
+ {
+ "src": "/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ },
+ {
+ "src": "/android-chrome-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#ff0000",
+ "background_color": "#ff0000",
+ "display": "standalone"
+}
diff --git a/web/snowpack.config.js b/web/snowpack.config.js
@@ -14,11 +14,17 @@ module.exports = {
  preloadModules: true,
  },
  ],
+ [
+ '@snowpack/plugin-webpack',
+ {
+ sourceMap: true,
+ },
+ ],
  ],
- installOptions: {
- sourceMaps: false,
+ packageOptions: {
+ sourcemap: false,
  },
  buildOptions: {
- sourceMaps: true,
+ sourcemap: true,
  },
 };