Move autoDoenload.js from public/ to src/ and update to use typescript

src/pages/download/_autoDownload.ts

@@ -0,0 +1,13 @@
+export function readyForAutoDownload(fn: () => void): void {
+  if (document.readyState != "loading") {
+    fn();
+  } else {
+    document.addEventListener("DOMContentLoaded", fn);
+  }
+}
+
+export function mainForAutoDownload(): void {
+  generateZIP((window as any).targetDeviceId);
+}
+
+readyForAutoDownload(mainForAutoDownload);

src/pages/download.astro → src/pages/download/index.astro

@@ -1,7 +1,7 @@
 ---
-import BaseLayout from "../layouts/BaseLayout.astro";
-import "/src/styles/download.css";
-import ErrorPage from "../components/ErrorPage.astro";
+import BaseLayout from "../../layouts/BaseLayout.astro";
+import ErrorPage from "../../components/ErrorPage.astro";
+import "./index.css";
 ---
 
 <script>
@@ -43,14 +43,14 @@ import ErrorPage from "../components/ErrorPage.astro";
   hideUnuseScreen();
   handleDeviceIdSearchParams();
 </script>
+<script src="./_autoDownload.ts"></script>
 
 <BaseLayout>
   <meta
     slot="meta"
     name="description"
     content="I've just used MockUPhone to wrap my app screenshots. It supports lots of devices including iPhone mockup, iPad mockup, Android mockup and TV mockup."
   />
-  <script type="text/javascript" src="/scripts/autoDownload.js"></script>
   <script type="text/javascript" src="/scripts/jszip.js"></script>
   <script
     type="text/javascript"