make last route restore on installed apps

Author: runspired

app/core/reactive-match-media.ts

@@ -1,9 +1,13 @@
+import { assert } from "@ember/debug";
 import { trackedObject } from "@ember/reactive/collections";
 
+const HasQuery = new Set<string>();
 const MediaQueries: Record<string, boolean> = trackedObject({});
 function addMediaQueryListener(query: string): boolean {
+  assert(`matchMedia query must be a non-empty string`, typeof query === 'string' && query.length > 0);
   // Initialize on first access
-  if (MediaQueries[query] === undefined) {
+  if (!HasQuery.has(query)) {
+    HasQuery.add(query);
     const mediaQueryList = window.matchMedia(query);
     MediaQueries[query] = mediaQueryList.matches;
 
@@ -15,8 +19,10 @@ function addMediaQueryListener(query: string): boolean {
     mediaQueryList.addEventListener('change', listener);
     return mediaQueryList.matches;
   }
-  return MediaQueries[query];
+
+  return MediaQueries[query]!;
 }
+
 /**
  * Decorator which marks a field as being populated via `window.matchMedia`.
  *

app/core/site-theme.ts

@@ -23,6 +23,21 @@ class SiteTheme {
   @matchMedia('(prefers-color-scheme: dark)')
   systemPrefersDarkMode: boolean = false;
 
+  @matchMedia('(display-mode: minimal-ui)')
+  isMinimalUI: boolean = false;
+
+  @matchMedia('(display-mode: standalone)')
+  isStandalone: boolean = false;
+
+  @matchMedia('(display-mode: fullscreen)')
+  isFullscreen: boolean = false;
+
+  isIOSStandalone: boolean = Boolean('standalone' in navigator && navigator.standalone);
+
+  get isRunningAsInstalledApp(): boolean {
+    return this.isIOSStandalone || this.isMinimalUI || this.isStandalone;
+  }
+
   get isDarkMode(): boolean {
     if (this.explicitThemePreference === 'dark') {
       return true;

app/services/history.ts

@@ -0,0 +1,30 @@
+import Service, { service } from '@ember/service';
+import type RouterService from '@ember/routing/router-service';
+import { field, PersistedResource } from '#app/core/persisted-resource.ts';
+import { getTheme } from '#app/core/site-theme.ts';
+
+@PersistedResource('route-history')
+class HistoryService extends Service {
+  @service declare router: RouterService;
+
+  @field
+  latestRoute: string | null = null;
+
+  track() {
+    if (getTheme().isRunningAsInstalledApp) {
+      if (this.latestRoute) {
+        // Navigate to the last route
+        this.router.replaceWith(this.latestRoute);
+      }
+    }
+
+    // Listen to Ember's route changes and read from window
+    this.router.on('routeDidChange', () => {
+      // store the url minus the hostname
+      const url = location.pathname + location.search + location.hash;
+      this.latestRoute = url;
+    });
+  }
+}
+
+export default HistoryService;

app/templates/application.gts

@@ -3,11 +3,19 @@ import Component from '@glimmer/component';
 import { checkServiceWorker } from '#app/core/preferences.ts';
 import { service } from '@ember/service';
 import type PortalsService from '#app/services/ux/portals.ts';
+import type HistoryService from '#app/services/history.ts';
+import type Owner from '@ember/owner';
 
 void checkServiceWorker();
 
 export default class Application extends Component {
   @service('ux/portals') portals!: PortalsService;
+  @service history!: HistoryService;
+
+  constructor(owner: Owner, args: object) {
+    super(owner, args);
+    this.history.track();
+  }
 
   <template>
     {{this.portals.takeover}}

vite.config.mjs

@@ -44,7 +44,7 @@ export default defineConfig({
         description: 'Find Your Trail Friends! The Bandits are a Trail Running Community based in the SF Bay Area.',
         theme_color: '#000000',
         background_color: '#000000',
-        display: 'standalone',
+        display: 'minimal-ui',
         start_url: '/',
         icons: [
           {