From 3acc352cf01be3e5e0838041023d67604f8233ea Mon Sep 17 00:00:00 2001
From: Tom Moor <tom@getoutline.com>
Date: Thu, 23 Feb 2023 21:52:25 -0500
Subject: [PATCH] Fix PWA manifest (#4922)

---
 server/static/index.html | 5 +++--
 vite.config.ts           | 8 ++++----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/server/static/index.html b/server/static/index.html
index 6d115c854..cf1d9b03e 100644
--- a/server/static/index.html
+++ b/server/static/index.html
@@ -8,6 +8,7 @@
     <meta name="color-scheme" content="light dark" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="description" content="//inject-description//" />
+    <link rel="manifest" href="/static/manifest.webmanifest" />
     <link
       rel="canonical"
       href="//inject-canonical//"
@@ -17,13 +18,13 @@
     <link
       rel="shortcut icon"
       type="image/png"
-      href="/images/favicon-32.png"
+      href="/static/images/favicon-32.png"
       sizes="32x32"
     />
     <link
       rel="apple-touch-icon"
       type="image/png"
-      href="/images/apple-touch-icon.png"
+      href="/static/images/apple-touch-icon.png"
       sizes="192x192"
     />
     <link
diff --git a/vite.config.ts b/vite.config.ts
index 8c059416e..2773bf8f5 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -55,10 +55,10 @@ export default () => {
         manifest: {
           name: "Outline",
           short_name: "Outline",
-          // description: "My Awesome App description",
           theme_color: "#fff",
           background_color: "#fff",
           start_url: "/",
+          scope: "/",
           display: "standalone",
           // For Chrome, you must provide at least a 192x192 pixel icon, and a 512x512 pixel icon.
           // If only those two icon sizes are provided, Chrome will automatically scale the icons
@@ -66,18 +66,18 @@ export default () => {
           // pixel-perfection, provide icons in increments of 48dp.
           icons: [
             {
-              src: "images/icon-512.png",
+              src: "/static/images/icon-512.png",
               sizes: "192x192",
               type: "image/png",
             },
             {
-              src: "images/icon-512.png",
+              src: "/static/images/icon-512.png",
               sizes: "512x512",
               type: "image/png",
             },
             // last one duplicated for purpose: 'any maskable'
             {
-              src: "images/icon-512.png",
+              src: "/static/images/icon-512.png",
               sizes: "512x512",
               type: "image/png",
               purpose: "any maskable",