Add PWA app shortcuts

jlucaspains · Nov 19, 2023 · 500588c · 500588c
1 parent 9a37c52
commit 500588c
Show file tree

Hide file tree

Showing 8 changed files with 33 additions and 2 deletions.
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/shortcut-add-manual.png b/public/shortcut-add-manual.png
diff --git a/public/shortcut-add-scan.png b/public/shortcut-add-scan.png
diff --git a/public/shortcut-add-url.png b/public/shortcut-add-url.png
diff --git a/src/components/TopBar.vue b/src/components/TopBar.vue
@@ -12,6 +12,14 @@ const canGoBack = ref(false);
 router.afterEach((to) => {
   canGoBack.value = to.path !== "/";
 });
+
+function goBack() {
+  if (router.currentRoute.value.query?.fromShortcut == "1") {
+    router.replace("/");
+  } else {
+    router.back();
+  }
+}
 </script>
 
 <template>
@@ -47,7 +55,7 @@ router.afterEach((to) => {
               focus-visible:ring-opacity-75
             "
             v-show="canGoBack"
-            @click="$router.back()"
+            @click="goBack()"
           >
             <svg
               class="h-6 w-6 text-white"

diff --git a/vite.config.ts b/vite.config.ts
@@ -11,7 +11,7 @@ export default defineConfig({
     includeAssets: ['favicon.svg', 'favicon.ico', 'robots.txt', 'apple-touch-icon.png'],
     devOptions: {
       enabled: true
-      /* other options */  
+      /* other options */
     },
     registerType: 'autoUpdate',
     manifest: {
@@ -31,6 +31,29 @@ export default defineConfig({
           sizes: '512x512',
           type: 'image/png',
         }
+      ],
+      "shortcuts": [
+        {
+          "name": "New Manual Recipe",
+          "short_name": "New Manual Recipe",
+          "description": "Create a new recipe manually",
+          "url": "/#/recipe/0/edit?fromShortcut=1",
+          "icons": [{ "src": "/shortcut-add-manual.png", "sizes": "192x192" }]
+        },
+        {
+          "name": "Import From URL",
+          "short_name": "New Recipe",
+          "description": "Create a new recipe from a URL",
+          "url": "/#/recipe/0/edit?import=1&fromShortcut=1",
+          "icons": [{ "src": "/shortcut-add-url.png", "sizes": "192x192" }]
+        },
+        {
+          "name": "Scan a Recipe",
+          "short_name": "New Recipe",
+          "description": "Create a new recipe by scanning from an image",
+          "url": "/#/recipe/import-ocr?fromShortcut=1",
+          "icons": [{ "src": "/shortcut-add-scan.png", "sizes": "192x192" }]
+        }
       ]
     }
   }),