rspack jan 2026 fixes

Author: Cynosphere

package.json

@@ -23,6 +23,6 @@
     "typescript": "^5.3.2"
   },
   "dependencies": {
-    "@moonlight-mod/types": "^1.3.26"
+    "@moonlight-mod/types": "^1.3.38"
   }
 }

pnpm-lock.yaml

@@ -46,7 +46,7 @@ export const webpackModules: Record<string, ExtensionWebpackModule> = {
       { id: "discord/Constants" },
       { id: "discord/components/common/index" },
       { ext: "componentEditor", id: "memberList" },
-      'applicationStreamingPreviewWrapper:"',
+      '"applicationStreamingPreviewWrapper_',
       { id: "discord/modules/user_profile/web/UserProfileActivityCardWrapper" }
     ]
   }

src/allActivities/index.ts

@@ -1,7 +1,7 @@
 {
   "$schema": "https://moonlight-mod.github.io/manifest.schema.json",
   "id": "allActivities",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "meta": {
     "name": "Activity Icons",
     "tagline": "Shows activity icons in the member list (and activity viewing/sending related tweaks) (formerly All Activities)",

src/allActivities/manifest.json

@@ -27,15 +27,15 @@
   filter: drop-shadow(0 0 1px black);
 }
 
-div[class*="-member"] > div[class*="-childContainer"] {
+div[class*="member_"] > div[class*="childContainer_"] {
   /* hey discord, maybe you should like, actually learn how to position gradients instead of using padding */
   padding-right: 0;
 
-  & > div[class*="-memberInner"] {
+  & > div[class*="memberInner_"] {
     width: 100%;
 
     /* controversal rule but w/e, i dont get why discord uses --space-16 on the right side only */
-    .visual-refresh & {
+    html.visual-refresh & {
       padding: var(--space-xxs) var(--space-xs);
     }
   }

src/allActivities/style.css

@@ -7,12 +7,12 @@ import MemberList from "@moonlight-mod/wp/componentEditor_memberList";
 import { ActivityTypes, PlatformTypes } from "@moonlight-mod/wp/discord/Constants";
 
 const useUserProfileActivity = spacepack.findByCode(`location:${JSON.stringify("useUserProfileActivity")}`)[0].exports
-  .Z;
-const ConnectionPlatforms = spacepack.findByCode("getByUrl(", "get(", "isSupported:")[0].exports.Z;
+  .A;
+const ConnectionPlatforms = spacepack.findByCode("getByUrl(", "get(", "isSupported:")[0].exports.A;
 const UserProfileActivityCard = spacepack.findByCode(`location:${JSON.stringify("UserProfileActivityCard")},`)[0]
-  .exports.Z;
+  .exports.A;
 
-const ActivityClasses = spacepack.findByCode('applicationStreamingPreviewWrapper:"')[0].exports;
+const ActivityClasses = spacepack.findByCode('"applicationStreamingPreviewWrapper_')[0].exports;
 
 const SpotifyIcon = ConnectionPlatforms.get(PlatformTypes.SPOTIFY).icon.lightSVG;
 const TwitchIcon = ConnectionPlatforms.get(PlatformTypes.TWITCH).icon.lightSVG;
@@ -36,7 +36,7 @@ function ActivityIconIcon({ card, icon, subicon = null }: ActivityIconIconProps)
     <Tooltip text={card} position="left" tooltipClassName="allActivities-iconTooltip">
       {(tooltipProps: any) => (
         <div {...tooltipProps} className="allActivities-icon">
-          <img className={ActivityClasses.headerIcon} src={icon} />
+          <img className={spacepack.findObjectFromValueSubstring(ActivityClasses, "headerIcon_")} src={icon} />
           {subicon != null ? <img className="allActivities-subicon" src={subicon} /> : null}
         </div>
       )}

src/allActivities/webpackModules/icons.tsx

@@ -2,11 +2,11 @@ import { ExtensionWebpackModule, Patch } from "@moonlight-mod/types";
 
 export const patches: Patch[] = [
   {
-    find: /\.messageSnapshots\.map\(/g,
+    find: 'location:"ForwardFooter"',
     replace: {
-      match: /(?<=return null==\i\?)null(?=:(\(0,(\i)\.jsxs\))\(\i\.\i,{className:(\i)\.footerContainer,)/,
+      match: /(?<=return null==\i\?)null(?=:(\(0,(\i)\.jsxs\))\(\i\.\i,{className:(\i)\.\i,onClick:)/,
       replacement: (_, createElement, ReactJSX, classes) =>
-        `${createElement}(require("alwaysShowForwardTime_timestamp")?.default??${ReactJSX}.Fragment,{wrapperClass:${classes}.footerContainer,className:${classes}.footerText,timestamp:arguments[0].snapshot.message.timestamp})`
+        `${createElement}(require("alwaysShowForwardTime_timestamp")?.default??${ReactJSX}.Fragment,{classes:${classes},timestamp:arguments[0].snapshot.message.timestamp})`
     }
   }
 ];

src/alwaysShowForwardTime/index.ts

@@ -1,7 +1,7 @@
 {
   "$schema": "https://moonlight-mod.github.io/manifest.schema.json",
   "id": "alwaysShowForwardTime",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "meta": {
     "name": "Always Show Forward Time",
     "tagline": "Shows the timestamp of forwards regardless of if its from a DM or unshared/private guild",

src/alwaysShowForwardTime/manifest.json

@@ -6,19 +6,18 @@ import { Text } from "@moonlight-mod/wp/discord/components/common/index";
 const DateUtils = spacepack.findByCode('("DateUtils")')[0].exports;
 const calendarFormatCompact = spacepack.findFunctionByStrings(DateUtils, '.calendar("lastDay",');
 
-export default function ForwardTimestamp({
-  wrapperClass,
-  className,
-  timestamp
-}: {
-  wrapperClass: string;
-  className: string;
-  timestamp: Date;
-}) {
+export default function ForwardTimestamp({ classes, timestamp }: { classes: Record<string, string>; timestamp: Date }) {
+  const wrapperClass = React.useMemo(
+    () => spacepack.findObjectFromValueSubstring(classes, "footerContainer_"),
+    [classes]
+  );
+  const textClass = React.useMemo(() => spacepack.findObjectFromValueSubstring(classes, "footerText_"), [classes]);
+  const formattedTime = React.useMemo(() => calendarFormatCompact!(timestamp), [timestamp]);
+
   return (
     <div className={wrapperClass} style={{ cursor: "default" }}>
-      <Text className={className} variant="text-sm/medium" color="none">
-        {calendarFormatCompact!(timestamp)}
+      <Text className={textClass} variant="text-sm/medium" color="none">
+        {formattedTime}
       </Text>
     </div>
   );

src/alwaysShowForwardTime/webpackModules/timestamp.tsx

@@ -1,6 +1,6 @@
 import { ExtensionWebpackModule, Patch, PatchReplaceType } from "@moonlight-mod/types";
 
-const FIND_FILE_PREVIEW = ".openFullPreviewSection,";
+const FIND_FILE_PREVIEW = 'Accept:"text/plain"';
 const FIND_MARKDOWN_COMPONENTS = "text:{react:";
 
 const lineNumbers = () => moonlight.getConfigOption<boolean>("betterCodeblocks", "lineNumbers") ?? true;
@@ -42,9 +42,9 @@ export const patches: Patch[] = [
   {
     find: FIND_MARKDOWN_COMPONENTS,
     replace: {
-      match: /\.codeContainer,children:\[(\i\.\i)\?(.+?\.codeActions,children:)(.+?text:(\i)\.content\}\))}\):null/,
-      replacement: (_, SUPPORTS_COPY, body, CopyButton, node) =>
-        `.codeContainer,children:[${body}[require("betterCodeblocks_label").default(${node}.lang),${SUPPORTS_COPY}?${CopyButton}:null]})`
+      match: /children:\[(\i\.\i\?.+?:null)(,\(0,\i\.jsx\)\(\i\.\i,{createPromise:)/,
+      replacement: (_, CopyButton, body) =>
+        `children:[[require("betterCodeblocks_label").default(arguments[0].lang),${CopyButton}]${body}`
     },
     prerequisite: () => moonlight.getConfigOption<boolean>("betterCodeblocks", "label") ?? true
   },