Mobile improvements.

GitOrigin-RevId: 56c3e13aca3a7e2752c61b1fac7f2cb723cb6781

offline/index.html

@@ -213,48 +213,6 @@
       </p>
       <a>Try again</a>
     </div>
-    <script type="text/javascript">
-      let timer;
-      const reload = () => {
-        if (window.$__AC__) {
-          window.$__AC__.reload();
-          return;
-        }
-
-        if ($SERVER_URL) {
-          location.href = $SERVER_URL;
-        }
-      };
-      const setTimer = () => {
-        timer = setTimeout(() => {
-          if (navigator.onLine) {
-            reload();
-            timer = null;
-          } else {
-            setTimer();
-          }
-        }, 1000);
-      };
-
-      document.getElementById('box').addEventListener('click', reload);
-      document
-        .getElementById('keyart')
-        .addEventListener('dragstart', (event) => event.preventDefault());
-
-      window.addEventListener('offline', () => {
-        clearTimeout(timer);
-        timer = null;
-      });
-
-      window.addEventListener('online', () => {
-        if (navigator.onLine && !timer) {
-          setTimer();
-        }
-      });
-
-      if (navigator.onLine) {
-        setTimer();
-      }
-    </script>
+    <script src="/index.js" type="module"></script>
   </body>
 </html>

offline/index.js

@@ -0,0 +1,50 @@
+import { Capacitor, registerPlugin } from '@capacitor/core';
+
+const ReloadWebViewPlugin = registerPlugin('ReloadWebViewPlugin');
+
+let timer;
+const reload = () => {
+  if (window.$__AC__) {
+    window.$__AC__.reload();
+    return;
+  }
+
+  if (Capacitor.getPlatform() === 'android' && ReloadWebViewPlugin) {
+    ReloadWebViewPlugin.reload();
+    return;
+  }
+
+  if (process.env.CLIENT_URL) {
+    location.href = process.env.CLIENT_URL;
+  }
+};
+const setTimer = () => {
+  timer = setTimeout(() => {
+    if (navigator.onLine) {
+      reload();
+      timer = null;
+    } else {
+      setTimer();
+    }
+  }, 1000);
+};
+
+document.getElementById('box').addEventListener('click', reload);
+document
+  .getElementById('keyart')
+  .addEventListener('dragstart', (event) => event.preventDefault());
+
+window.addEventListener('offline', () => {
+  clearTimeout(timer);
+  timer = null;
+});
+
+window.addEventListener('online', () => {
+  if (navigator.onLine && !timer) {
+    setTimer();
+  }
+});
+
+if (navigator.onLine) {
+  setTimer();
+}

offline/package.json

@@ -10,6 +10,7 @@
   "author": "Christoph Nakazawa <[email protected]>",
   "type": "module",
   "devDependencies": {
+    "@capacitor/core": "^6.2.0",
     "vite-plugin-minify": "^2.0.1",
     "vite-plugin-singlefile": "^2.0.3"
   }

offline/vite.config.ts

@@ -4,23 +4,15 @@ import { ViteMinifyPlugin as minifyHTMLPlugin } from 'vite-plugin-minify';
 import { viteSingleFile } from 'vite-plugin-singlefile';
 
 export default defineConfig({
-  plugins: [
-    {
-      name: 'html-transform',
-      transformIndexHtml(html: string) {
-        return html.replaceAll(
-          '$SERVER_URL',
-          process.env.NODE_ENV === 'production'
-            ? '"https://app.athenacrisis.com/"'
-            : `"http://${
-                execSync(`ifconfig | grep "inet " | grep -v 127.0.0.1`)
-                  .toString()
-                  .match(/inet\s+(\d.+)\s+netmask/i)?.[1] || 'localhost'
-              }:3000"`,
-        );
-      },
-    },
-    viteSingleFile(),
-    minifyHTMLPlugin(),
-  ],
+  define: {
+    'process.env.CLIENT_URL':
+      process.env.NODE_ENV === 'production'
+        ? '"https://app.athenacrisis.com/"'
+        : `"http://${
+            execSync(`ifconfig | grep "inet " | grep -v 127.0.0.1`)
+              .toString()
+              .match(/inet\s+(\d.+)\s+netmask/i)?.[1] || 'localhost'
+          }:3000"`,
+  },
+  plugins: [viteSingleFile(), minifyHTMLPlugin()],
 });