@indietabletop/appkit 3.2.0 → 3.3.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/package.json

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