Some quality of life and download cores in JS (1fpga#38)

In preparation for a full GUI.

package.json

@@ -1,6 +1,7 @@
 {
   "name": "golem-fpga",
   "workspaces": [
+    "src/golem-frontend",
     "scripts/patreon"
   ]
 }

src/golem-frontend/.swcrc

@@ -13,11 +13,7 @@
       },
       "mangle": true
     },
-    "paths": {
-      "golem/*": [
-        "./types/golem/*"
-      ]
-    }
+    "paths": {}
   },
   "module": {
     "type": "es6",

src/golem-frontend/package.json

@@ -5,7 +5,9 @@
   "main": "index.js",
   "type": "module",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "rollup -c",
+    "compile": "swc src --out-dir dist",
+    "retronomicon-update": "openapi-typescript https://retronomicon.land/api/v1/openapi.json -o ./types/retronomicon.d.ts"
   },
   "keywords": [],
   "author": "",
@@ -15,6 +17,7 @@
     "@rollup/plugin-typescript": "^11.1.6",
     "@swc/cli": "^0.3.12",
     "@swc/core": "^1.5.5",
+    "openapi-typescript": "^6.7.5",
     "prettier": "^3.2.5",
     "rollup": "^4.17.2",
     "tslib": "^2.6.2",

src/golem-frontend/rollup.config.js

@@ -7,5 +7,6 @@ export default {
     file: "dist/main.js",
     format: "es",
   },
-  plugins: [typescript(), terser()],
+  plugins: [typescript()],
+  external: [],
 };

src/golem-frontend/src/about.ts

@@ -1,6 +1,6 @@
 // The about page.
-import * as ui from "golem/ui";
-import { default as p } from "golem/patrons";
+import * as ui from "@/golem/ui";
+import { default as p } from "@/golem/patrons";
 
 export function about() {
   let { patrons, tiers } = p;

src/golem-frontend/src/cores.ts

@@ -1,6 +1,33 @@
-import * as core from "golem/core";
-import * as db from "golem/db";
-import * as ui from "golem/ui";
+import * as core from "@/golem/core";
+import * as db from "@/golem/db";
+import * as ui from "@/golem/ui";
+import * as retronomicon from "./retronomicon";
+
+function download_cores() {
+  ui.show("Downloading Cores, please wait...");
+  let cores = retronomicon.cores();
+
+  ui.textMenu({
+    title: "Download Cores",
+    back: () => true,
+    items: cores.map((core) => ({
+      label: "" + core.name,
+      select: () => {
+        let releases = retronomicon.releases(core.id);
+        console.log(1);
+        console.log(JSON.stringify(core));
+        console.log(JSON.stringify(releases));
+        console.log(3);
+        return true;
+        //
+        // db.execute(
+        //   "INSERT OR REPLACE INTO cores (id, name, system_slug, path) VALUES (?, ?, ?, ?)",
+        //   [core.id, core.name, core.system.slug, core.path],
+        // );
+      },
+    })),
+  });
+}
 
 function start_core(db_core: { path: string }) {
   core.run({
@@ -33,6 +60,8 @@ export function cores_menu() {
       })),
       "-",
       { label: "Select File...", select: select_core_file },
+      "-",
+      { label: "Download Cores...", select: download_cores },
     ],
   });
 }

src/golem-frontend/src/games.ts

@@ -1,6 +1,6 @@
-import * as core from "golem/core";
-import * as db from "golem/db";
-import * as ui from "golem/ui";
+import * as core from "@/golem/core";
+import * as db from "@/golem/db";
+import * as ui from "@/golem/ui";
 
 function start_game(game_id: number) {
   const db_game = db.queryOne("SELECT * FROM games WHERE id = ?", [game_id])!;

src/golem-frontend/src/main.ts

@@ -1,6 +1,6 @@
 // The root file being executed by Golem by default.
-import * as db from "golem/db";
-import * as ui from "golem/ui";
+import * as db from "@/golem/db";
+import * as ui from "@/golem/ui";
 
 import { games_menu } from "./games";
 import { cores_menu } from "./cores";
@@ -14,7 +14,7 @@ function downloads_menu() {
   ui.alert("Downloads", "Not implemented yet.");
 }
 
-async function main_menu() {
+function main_menu() {
   const nb_games = db.queryOne("SELECT COUNT(*) as count FROM games")
     ?.count as number;
   const nb_cores = db.queryOne("SELECT COUNT(*) as count FROM cores")
@@ -39,10 +39,10 @@ async function main_menu() {
   });
 }
 
-export async function main() {
+export function main() {
   while (true) {
     try {
-      return await main_menu();
+      return main_menu();
     } catch (e: any) {
       console.error(e);
       ui.alert("Error", e.message);

src/golem-frontend/src/retronomicon.ts

@@ -0,0 +1,18 @@
+import type * as retronomicon from "@/retronomicon";
+import * as net from "@/golem/net";
+
+export type CoreList =
+  retronomicon.paths["/cores"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export type ReleaseList =
+  retronomicon.paths["/cores/{core_id}/releases"]["get"]["responses"]["200"]["content"]["application/json"];
+
+export function cores(): CoreList {
+  return net.fetchJson<CoreList>("https://retronomicon.land/api/v1/cores");
+}
+
+export function releases(coreId: number): ReleaseList {
+  return net.fetchJson<ReleaseList>(
+    `https://retronomicon.land/api/v1/cores/${coreId}/releases`,
+  );
+}

src/golem-frontend/tsconfig.json

@@ -11,10 +11,7 @@
     "moduleResolution": "Bundler",
     "paths": {
       "@/*": [
-        "src/*"
-      ],
-      "golem/*": [
-        "types/golem/*"
+        "types/*"
       ]
     }
   }

src/golem-frontend/types/golem/core.d.ts

@@ -3,7 +3,7 @@
 /**
  * This module provides functions to interact with cores in Golem Script.
  */
-declare module "golem/core" {
+declare module "@/golem/core" {
   /**
    * A path to a core file.
    */

src/golem-frontend/types/golem/db.d.ts

@@ -5,7 +5,7 @@
  * It is free form, so you can execute any SQL query you want. Be careful with
  * updates and schema changes.
  */
-declare module "golem/db" {
+declare module "@/golem/db" {
   /**
    * A value that can be bound to or returned from a SQL query. This can be a string,
    * number, boolean, or NULL.

src/golem-frontend/types/golem/net.d.ts

@@ -0,0 +1,22 @@
+// Network access type definitions.
+
+/**
+ * This module provides functions for accessing the internet. It can download
+ * JSON data or files from URLs.
+ */
+declare module "@/golem/net" {
+  /**
+   * Download a JSON file from a URL. Returns the parsed JSON.
+   * Will throw an error if the request fails or the response is not JSON.
+   *
+   * @param url The URL to download.
+   */
+  export function fetchJson<R extends object = any>(url: string): R;
+
+  /**
+   * Download a file from a URL. Returns the path to the downloaded file.
+   *
+   * @param url The URL to download.
+   */
+  export function downloadFile(url: string): string;
+}

src/golem-frontend/types/golem/patrons.d.ts

@@ -9,6 +9,6 @@ declare const PATRONS: {
   };
 };
 
-declare module "golem/patrons" {
+declare module "@/golem/patrons" {
   export default PATRONS;
 }