platformIcons: vr, betterTags: fix app to bot

Author: Cynosphere

src/betterTags/index.ts

@@ -7,8 +7,8 @@ export const patches: Patch[] = [
   {
     find: ".BOT:default:",
     replace: {
-      match: "9RNkeH", // APP_TAG
-      replacement: "PQt9z8" // BOT_TAG_BOT
+      match: "9RNkeF", // APP_TAG
+      replacement: "PQt9z6" // BOT_TAG_BOT
     },
     prerequisite: () => moonlight.getConfigOption<boolean>("betterTags", "appToBot") ?? true
   },

src/betterTags/manifest.json

@@ -1,14 +1,15 @@
 {
   "$schema": "https://moonlight-mod.github.io/manifest.schema.json",
   "id": "betterTags",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "meta": {
     "name": "Better Tags",
     "tagline": "Reverts App back to Bot and adds webhook tags",
     "authors": ["Cynosphere"],
     "tags": ["qol", "chat"],
     "source": "https://github.com/Cynosphere/moonlight-extensions",
-    "donate": "https://ko-fi.com/Cynosphere"
+    "donate": "https://ko-fi.com/Cynosphere",
+    "changelog": "Fix App To Bot"
   },
   "settings": {
     "appToBot": {

src/platformIcons/manifest.json

@@ -1,15 +1,15 @@
 {
   "$schema": "https://moonlight-mod.github.io/manifest.schema.json",
   "id": "platformIcons",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "meta": {
     "name": "Platform Icons",
     "tagline": "Shows what platform(s) a user is on",
     "authors": ["Cynosphere"],
     "tags": ["qol", "chat"],
     "source": "https://github.com/Cynosphere/moonlight-extensions",
     "donate": "https://ko-fi.com/Cynosphere",
-    "changelog": "Fix profile patch"
+    "changelog": "Fallback to nothing for platforms with no icon, add icon for VR"
   },
   "dependencies": ["spacepack", "common", "componentEditor"],
   "settings": {

src/platformIcons/webpackModules/icons.tsx

@@ -15,12 +15,17 @@ import Messages from "@moonlight-mod/wp/componentEditor_messages";
 
 import { AuthenticationStore, PresenceStore, SessionsStore } from "@moonlight-mod/wp/common_stores";
 
-type Platforms = "desktop" | "mobile" | "web" | "embedded" | "unknown";
+const VrHeadsetIcon = (Object.values(
+  spacepack.findByCode("M8.46 8.64a1 1 0 0 1 1 1c0 .44-.3.8-.72.92l-.11.07c-.08.06-.2.19-.2.41a.99.99")[0]?.exports
+)?.[0] ?? (() => {})) as React.ComponentType<IconsProps>;
+
+type Platforms = "desktop" | "mobile" | "web" | "embedded" | "vr" | "unknown";
 const IconsForPlatform: Record<Exclude<Platforms, "unknown">, React.ComponentType<IconsProps>> = {
   desktop: ScreenIcon,
   mobile: MobilePhoneIcon,
   web: GlobeEarthIcon,
-  embedded: GameControllerIcon
+  embedded: GameControllerIcon,
+  vr: VrHeadsetIcon
 };
 
 const { humanizeStatus } = spacepack.findByCode("humanizeStatus:")[0].exports.ZP;
@@ -71,11 +76,13 @@ export default function PlatformIcons({ user, extraClasses, configKey, size = "x
     for (const platform of Object.keys(platforms)) {
       const status = platforms[platform];
 
+      let platformName = `${platform.charAt(0).toUpperCase()}${platform.slice(1)}`;
+      if (platform === "vr") platformName = "VR";
       const props = {
-        text: `${humanizeStatus(status, false)} on ${platform.charAt(0).toUpperCase()}${platform.slice(1)}`,
+        text: `${humanizeStatus(status, false)} ${platform === "vr" ? "i" : "o"}n ${platformName}`,
         key: `platform-icons-tooltip-${platform}`
       };
-      const Icon = IconsForPlatform[platform as Exclude<Platforms, "unknown">];
+      const Icon = IconsForPlatform[platform as Exclude<Platforms, "unknown">] ?? (() => {});
       const color = StatusColors[status as Exclude<Statuses, "offline" | "invisible">];
 
       elements.push(