1 files changed, 149 insertions, 0 deletions
diff --git a/src/overrides/assets/javascripts/components/sponsorship/index.ts b/src/overrides/assets/javascripts/components/sponsorship/index.ts
new file mode 100644
index 00000000..711f423a
--- /dev/null
+++ b/src/overrides/assets/javascripts/components/sponsorship/index.ts
@@ -0,0 +1,149 @@
+/*
+ * Copyright (c) 2016-2023 Martin Donath <martin.donath@squidfunk.com>
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to
+ * deal in the Software without restriction, including without limitation the
+ * rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+ * sell copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+import { Observable, map } from "rxjs"
+
+import { getElement, requestJSON } from "~/browser"
+
+import { renderPrivateSponsor, renderPublicSponsor } from "_/templates"
+
+import { Component, getComponentElement } from "../_"
+
+/* ----------------------------------------------------------------------------
+ * Types
+ * ------------------------------------------------------------------------- */
+
+/**
+ * Sponsor type
+ */
+export type SponsorType =
+  | "user"                             /* Sponsor is a user */
+  | "organization"                     /* Sponsor is an organization */
+
+/**
+ * Sponsor visibility
+ */
+export type SponsorVisibility =
+  | "public"                           /* Sponsor is a user */
+  | "private"                          /* Sponsor is an organization */
+
+/* ------------------------------------------------------------------------- */
+
+/**
+ * Sponsor user
+ */
+export interface SponsorUser {
+  type: SponsorType                    /* Sponsor type */
+  name: string                         /* Sponsor login name */
+  image: string                        /* Sponsor image URL */
+  url: string                          /* Sponsor URL */
+}
+
+/* ------------------------------------------------------------------------- */
+
+/**
+ * Public sponsor
+ */
+export interface PublicSponsor {
+  type: "public"                       /* Sponsor visibility */
+  user: SponsorUser                    /* Sponsor user */
+}
+
+/**
+ * Private sponsor
+ */
+export interface PrivateSponsor {
+  type: "private"                      /* Sponsor visibility */
+}
+
+/* ------------------------------------------------------------------------- */
+
+/**
+ * Sponsor
+ */
+export type Sponsor =
+  | PublicSponsor
+  | PrivateSponsor
+
+/* ------------------------------------------------------------------------- */
+
+/**
+ * Sponsorship
+ */
+export interface Sponsorship {
+  sponsors: Sponsor[]                  /* Sponsors */
+  total: number                        /* Total amount */
+}
+
+/* ----------------------------------------------------------------------------
+ * Functions
+ * ------------------------------------------------------------------------- */
+
+/**
+ * Mount sponsorship
+ *
+ * @param el - Sponsorship element
+ *
+ * @returns Sponsorship component observable
+ */
+export function mountSponsorship(
+  el: HTMLElement
+): Observable<Component<Sponsorship>> {
+  const sponsorship$ = requestJSON<Sponsorship>(
+    "https://3if8u9o552.execute-api.us-east-1.amazonaws.com/_/"
+  )
+
+  /* Retrieve adjacent components */
+  const count = getComponentElement("sponsorship-count")
+  const total = getComponentElement("sponsorship-total")
+
+  /* Render sponsorship */
+  sponsorship$.subscribe(sponsorship => {
+    el.removeAttribute("hidden")
+
+    /* Render public sponsors with avatar and links */
+    const list = getElement(":scope > :first-child", el)
+    for (const sponsor of sponsorship.sponsors)
+      if (sponsor.type === "public")
+        list.appendChild(renderPublicSponsor(sponsor.user))
+
+    /* Render combined private sponsors */
+    list.appendChild(renderPrivateSponsor(
+      sponsorship.sponsors.filter(({ type }) => (
+        type === "private"
+      )).length
+    ))
+
+    /* Render sponsorship count and total */
+    count.innerText = `${sponsorship.sponsors.length}`
+    total.innerText = `$ ${sponsorship.total
+      .toString()
+      .replace(/\B(?=(\d{3})+(?!\d))/g, ",")
+    } a month`
+  })
+
+  // /* Create and return component */
+  return sponsorship$
+    .pipe(
+      map(state => ({ ref: el, ...state }))
+    )
+}