From d8614afdf97460b9636911f000deaa5879d46e0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jozef=20Steinh=C3=BCbl?= <xhyrom.hyro@gmail.com>
Date: Mon, 13 May 2024 22:34:25 +0200
Subject: [PATCH] feat(ping): implement button for normal people

---
 bun.lockb                                  | Bin 18915 -> 19311 bytes
 package.json                               |   1 +
 src/commands/ping.tsx                      |  25 +++++++++++-
 src/listeners/interaction_create.ts        |  42 +++++++++++++++++++++
 src/message-commands/{ping.ts => ping.tsx} |  20 ++++++++++
 5 files changed, 87 insertions(+), 1 deletion(-)
 create mode 100644 src/listeners/interaction_create.ts
 rename src/message-commands/{ping.ts => ping.tsx} (54%)

diff --git a/bun.lockb b/bun.lockb
index 9da793183234ddccd4a6bc4e1b04b39a41d2c0be..cf3a7e46baa62d675e2007d1e433741352b87d2e 100755
GIT binary patch
delta 2936
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
A3IG5A

delta 2634
zcmcgudr*{B6u<XlL3i0jBn&=zEcif7Sl-~bz^)GjVNvllm=6k5fdunaN~5x(nPtx8
zoGBmKkdK<F?1|$Dlg6Y@noc=6ITd3#*<}4ejlE1r?RW0(CXD^lA9-fZ{hf2qeVlvl
zIp6($eo<Z_`MhKFL!0-V={VZ`;HMYg%iZOz*mHW;YIo%ua~9klpBx(Z)0>aaEES3z
zJ1XrH|48*IzIKoh-uk-w#)Wk&7ac}dDD;U^h;U#IFbue~ZrP&L$CijLzh1MW&EB*#
zNC*pz2Qi5UZvfhW`-6pu1U3M5U^wu8V691rA;2xrV}a9v@xVf01TYC01?<5%9)HS@
z>w(eGi-045oj|(~^Sp;3@CGjcd14hDNC18Zugt(H&<6uI;YjT089zQ!TV1~twl&bL
z=&u3t0UE0t>d`HZTd7?pMU>#=yi5TQBfQ7M=ofj5{?t0;htwA2)~*Zc33ADqWSHE+
zFCjEVRA|aKcSFj>_z;q&JUN_hnA~zT8NqIOk{W~E=48Z;?Ix1Jd9sRbz_O2wkdo+2
z{)n;@Ojn@~#YkEa6ix324V04FLfpYe5U9y?EF?ep7Ni+Ust6IHTuFN&l_}|aNOP3r
z8X&}cCGCM!q@-^kO;u9Lz`)$K|41hxRVZsDVo<B3b&#r*^fe^kz9|T-T17rdZ5FrI
zZJ{2E%bbjWx#4*bpV7P>S^=~HBt!Ge7yKIHgYyp}!|ImfsS)i)YO}hvvsUV{y0l&^
zIc+Yp3n^8Gxq>!Y^W;`)v$?en8}-;+QX?bGEi0%I?Ph8Vb8DZ3QBRn&2|n?KD`G@`
za2hLO)WEoKMU1#GP83CqY`@Q^Dr7q{T2Ws_>4@QAT$4yrR)tMU?9-t(7=>P5C>e|h
zh%CRJ4dey#z`U^m=5bCx<^$R80`oy8`1MIZ9#;%zVq|-n!2WFTfSLXcc_S_lroPDY
zrh*x#fqC3?Kh6Yl|13Yw1_r2K#QFU9IONKYK*XC^U{CK|$ooZn?*A9^Rz2dRg>vFN
zlpJTH?QtHNNMFTO(wEQ*<30G=JQH6@TjOoi4Q(VD_DULSx6#XXj~qomLi+*Qlmw3)
zO}i5+X;*@cZbBPFrHPd^InhRMC3<8k-AL?}M_PX$mZ!Cj8`*5OjCH68i*g6ubQBD|
zb=ybWnF?O(H>aeLGd+pcrHzQ=teFAkv@8Kn2A6_4Z6oPeTE2^Oh6@3oV174LUU9CL
zgUi5NiFg-O<#IK0rOru113HwBjfUACfH)e=H8rYrMS7?#9s!YSau_%PoCxN87zyT_
z2r%bH3V4hk`52ee(SVu_`Y0obi;k{lJROxFg!kLEQIVbbtD-cn2t^yHB~y<%2pNuf
zPi$*`_}AS=vo>%WdiYg3Ocye1WDezL>9K+LbfN9c{0}BhI;zR43`e>H+jU7=o|P$U
z=s?yKxs$GC>9UAIvvpZZJ92cnp4{1bPT+z2Y_@3mZSbX`n#^`&W;yT$2|R&c7}q++
zCAXK}v7DmnTs_wRR(hXkFTZ_mWwE?t?=jK3+-Mn28F{))qIYt2SxAF&^q9c2eDL!5
zt6i_xy>e$t19icrEwljberm!zpOd~deAd40T?diMDedm9|I?<v?bK4zx1G<KzOv6T
zUwik+es1)g*3Y0;jS2irTnsaoMGWyE!c`f*yQ?9)q02R77+G=?H5htq;0I%_+}l}v
zy=6JZ=Hi+&)Gx(;V~;GLLZ==R_^~)}c2{G|qo3Dla>H0hjw2&o6wnH%uHi@HIcK!x
zJii2>a3{U(oPerWylQ#%%2kWSxe2cJ-jaD8y~st*z0=RW|JR9%>92(%V^LJzE32F9
u!WWfx4uOus@xHor-nJzr<73D1lLGRTk~9A)vKQN12NZm4X&qcrW%?VU0q9Nu

diff --git a/package.json b/package.json
index f348d58..3127c7e 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
     "@lilybird/jsx": "0.2.0",
     "@lilybird/transformers": "^0.2.0",
     "@paperdave/logger": "^3.0.1",
+    "@purplet/serialize": "^2.0.0",
     "@wolfram-alpha/wolfram-alpha-api": "^23.1004.144821-RELEASE",
     "algoliasearch": "^4.23.2",
     "bun-tracestrings": "github:oven-sh/bun.report",
diff --git a/src/commands/ping.tsx b/src/commands/ping.tsx
index bfcb5ab..dc93b43 100644
--- a/src/commands/ping.tsx
+++ b/src/commands/ping.tsx
@@ -1,6 +1,12 @@
-import { ApplicationCommand as JSXApplicationCommand } from "@lilybird/jsx";
+import {
+  ActionRow,
+  Button,
+  ApplicationCommand as JSXApplicationCommand,
+} from "@lilybird/jsx";
 import { ApplicationCommand } from "@lilybird/handlers";
+import { serializers as S } from "@purplet/serialize";
 import { possibleClosedForm } from "../util.ts";
+import { ButtonStyle } from "lilybird";
 
 export default {
   post: "GLOBAL",
@@ -15,12 +21,29 @@ export default {
       possibleClosedForm(rest),
     ]);
 
+    const serialized = S.generic.encodeCustomId([
+      ws,
+      wsClosedForm,
+      rest,
+      restClosedForm,
+    ]);
+
     await interaction.editReply({
       content: [
         `🏓`,
         `WebSocket: \`${wsClosedForm} ms\``,
         `Rest: \`${restClosedForm} ms\``,
       ].join("\n"),
+      components: [
+        <ActionRow>
+          <Button
+            label="I'm dumb!"
+            style={ButtonStyle.Danger}
+            emoji={{ name: "😕", id: null, animated: false }}
+            id={`0-${serialized}`}
+          />
+        </ActionRow>,
+      ],
     });
   },
 } satisfies ApplicationCommand;
diff --git a/src/listeners/interaction_create.ts b/src/listeners/interaction_create.ts
new file mode 100644
index 0000000..9ea39e9
--- /dev/null
+++ b/src/listeners/interaction_create.ts
@@ -0,0 +1,42 @@
+import { Event } from "@lilybird/handlers";
+import { serializers as S } from "@purplet/serialize";
+import { silently } from "src/util.ts";
+
+export default {
+  event: "interactionCreate",
+  run: (interaction) => {
+    if (
+      !interaction.isMessageComponentInteraction() ||
+      !interaction.data.isButton()
+    )
+      return;
+
+    const id = interaction.data.id;
+
+    if (id?.[0] == "0" && id?.[1] == "-") {
+      const combined = interaction.data.id.split("-")?.[1];
+      if (!combined) return;
+
+      const [ws, wsClosedForm, rest, restClosedForm] =
+        S.generic.decodeCustomId(combined);
+
+      silently(
+        interaction.reply({
+          content: [
+            `🏓`,
+            "**WebSocket:**",
+            `\`${wsClosedForm}\``,
+            `\`≈ ${ws} ms\``,
+            "",
+            "**Rest:**",
+            `\`${restClosedForm}\``,
+            `\`≈ ${rest} ms\``,
+            "",
+            "Mathematics is the language of the universe, it's truly fascinating! And being a software engineer requires a deep understanding of this language. It's not an easy field, but it's incredibly rewarding. 😄",
+          ].join("\n"),
+          ephemeral: true,
+        })
+      );
+    }
+  },
+} satisfies Event<"interactionCreate">;
diff --git a/src/message-commands/ping.ts b/src/message-commands/ping.tsx
similarity index 54%
rename from src/message-commands/ping.ts
rename to src/message-commands/ping.tsx
index ff54f49..478b4ff 100644
--- a/src/message-commands/ping.ts
+++ b/src/message-commands/ping.tsx
@@ -1,5 +1,8 @@
+import { serializers as S } from "@purplet/serialize";
 import { MessageCommand } from "@lilybird/handlers";
+import { ActionRow, Button } from "@lilybird/jsx";
 import { possibleClosedForm } from "../util.ts";
+import { ButtonStyle } from "lilybird";
 
 export default {
   name: "ping",
@@ -15,12 +18,29 @@ export default {
       possibleClosedForm(rest),
     ]);
 
+    const serialized = S.generic.encodeCustomId([
+      ws,
+      wsClosedForm,
+      rest,
+      restClosedForm,
+    ]);
+
     await newMessage.edit({
       content: [
         `🏓`,
         `WebSocket: \`${wsClosedForm} ms\``,
         `Rest: \`${restClosedForm} ms\``,
       ].join("\n"),
+      components: [
+        <ActionRow>
+          <Button
+            label="I'm dumb!"
+            style={ButtonStyle.Danger}
+            emoji={{ name: "😕", id: null, animated: false }}
+            id={`0-${serialized}`}
+          />
+        </ActionRow>,
+      ],
     });
   },
 } satisfies MessageCommand;