@indietabletop/appkit 3.2.0 → 3.4.0

package/lib/client.ts

@@ -285,4 +285,35 @@ export class IndieTabletopClient {
 
     return result;
   }
+
+  /**
+   * Uploads a file given S3 presigned config.
+   */
+  async uploadFile(
+    file: File,
+    presigned: { url: string; key: string; fields: Record<string, string> },
+  ): Promise<Success<string> | Failure<FailurePayload>> {
+    const formData = new FormData();
+
+    for (const [key, value] of Object.entries(presigned.fields)) {
+      formData.append(key, value);
+    }
+
+    formData.append("file", file);
+
+    try {
+      const upload = await fetch(presigned.url, {
+        method: "POST",
+        body: formData,
+      });
+
+      if (!upload.ok) {
+        return new Failure({ type: "API_ERROR", code: upload.status });
+      }
+
+      return new Success(`/${presigned.key}`);
+    } catch {
+      return new Failure({ type: "NETWORK_ERROR" });
+    }
+  }
 }

package/lib/globals.css.ts

@@ -44,3 +44,14 @@ globalStyle("body, h1, h2, h3, h4, h5, h6, p, ul, li, ol", {
   margin: 0,
   padding: 0,
 });
+
+// Fathom SPA support depends on this image being added to the DOM, but they
+// are sloppy about taking out of the document flow, meaning that on pages
+// that are 100vh, there is a scrollbar flicker as the img element is added
+// to the DOM and then removed. This fixes said issue.
+globalStyle(`img[src^="https://cdn.usefathom.com/"]`, {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  opacity: 0.01,
+});

package/lib/index.ts

@@ -28,6 +28,7 @@ export * from "./client.ts";
 export * from "./failureMessages.ts";
 export * from "./media.ts";
 export * from "./random.ts";
+export * from "./sleep.ts";
 export * from "./structs.ts";
 export * from "./types.ts";
 export * from "./validations.ts";

package/lib/sleep.ts

@@ -0,0 +1,14 @@
+/**
+ * Pause for the specified number of milliseconds.
+ *
+ * This function is useful for testing, or slowing down responses in cases
+ * where we want to wait for some short-lived cache to clear first.
+ *
+ * @example
+ * ```ts
+ * await sleep(2000) // Waits for 2s
+ * ```
+ */
+export function sleep(ms: number) {
+  return new Promise((r) => setTimeout(r, ms));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indietabletop/appkit",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "description": "A collection of modules used in apps built by Indie Tabletop Club",
   "private": false,
   "type": "module",