add Popout Dates

Author: Cynosphere

src/popoutDates/index.ts

@@ -0,0 +1,24 @@
+import { Patch, ExtensionWebpackModule } from "@moonlight-mod/types";
+
+export const patches: Patch[] = [
+  {
+    find: 'location:"UserProfilePopoutBody"',
+    replace: {
+      match: /:(\(0,\i\.jsx\))\(\i\.\i,{user:\i,bio:null==\i\?void 0:\i\.bio,hidePersonalInformation:\i,onClose:\i}\),/,
+      replacement: (orig, createElement) =>
+        `${orig}${createElement}(require("popoutDates_component").default,{userId:arguments[0].user.id,guildId:arguments[0].guild?.id}),`
+    }
+  }
+];
+
+export const webpackModules: Record<string, ExtensionWebpackModule> = {
+  component: {
+    dependencies: [
+      { ext: "spacepack", id: "spacepack" },
+      { id: "react" },
+      { ext: "common", id: "ErrorBoundary" },
+      ".memberSince,",
+      'location:"UserProfilePopoutBody"'
+    ]
+  }
+};

src/popoutDates/manifest.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "https://moonlight-mod.github.io/manifest.schema.json",
+  "id": "popoutDates",
+  "version": "1.0.0",
+  "meta": {
+    "name": "Popout Dates",
+    "tagline": "Restore join dates to the profile popout",
+    "authors": ["Cynosphere"],
+    "tags": ["fixes", "profiles"],
+    "source": "https://github.com/Cynosphere/moonlight-extensions",
+    "donate": "https://ko-fi.com/Cynosphere"
+  },
+  "dependencies": ["spacepack", "common"],
+  "apiLevel": 2
+}

src/popoutDates/webpackModules/component.tsx

@@ -0,0 +1,13 @@
+import React from "@moonlight-mod/wp/react";
+import spacepack from "@moonlight-mod/wp/spacepack_spacepack";
+import ErrorBoundary from "@moonlight-mod/wp/common_ErrorBoundary";
+
+const MemberSince = spacepack.findByCode(".memberSince,")[0]?.exports?.Z;
+
+export default function PopoutDates({ userId, guildId }: { userId: string; guildId?: string }) {
+  return (
+    <ErrorBoundary noop={true}>
+      <MemberSince userId={userId} guildId={guildId} />
+    </ErrorBoundary>
+  );
+}