configure sponsorkit

.gitignore

@@ -1,3 +1,5 @@
 .idea/
 *.iml
-build/
+build/
+node_modules
+/package-lock.json

package.json

@@ -0,0 +1,10 @@
+{
+  "comment": "The package.json is used to configure sponsorkit and nothing else",
+  "private": true,
+  "scripts": {
+    "build": "sponsorkit"
+  },
+  "devDependencies": {
+    "sponsorkit": "latest"
+  }
+}

sponsor.config.ts

@@ -0,0 +1,38 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { defineConfig, presets } from "sponsorkit";
+
+export default defineConfig({
+  github: {
+    login: "rrousselGit",
+  },
+  tiers: [
+    {
+      title: "Backers",
+      // to replace the entire tier rendering
+      // compose: (composer, tierSponsors, config) => {
+      //   composer.addRaw(
+      //     '<-- custom svg -->',
+      //   )
+      // },
+    },
+    {
+      title: "Sponsors",
+      monthlyDollars: 24,
+      preset: presets.medium,
+      // to insert custom elements after the tier block
+      composeAfter: (composer, tierSponsors, config) => {
+        composer.addSpan(10);
+      },
+    },
+    {
+      title: "Silver Sponsors",
+      monthlyDollars: 50,
+      preset: presets.large,
+    },
+    {
+      title: "Gold Sponsors",
+      monthlyDollars: 100,
+      preset: presets.xl,
+    },
+  ],
+});