y

Author: Delusoire

index.ts

@@ -14,6 +14,10 @@ import {
 	loadLocalModules,
 	loadRemoteModules,
 } from "./module.js";
+// @deno-types="./util.ts"
+import { registerReactDevtoolsHook } from "./util.js";
+
+registerReactDevtoolsHook();
 
 await Promise.all([mixin(INTERNAL_TRANSFORMER), loadLocalModules()]);
 console.time("onSpotifyPreInit");
@@ -22,9 +26,7 @@ console.timeEnd("onSpotifyPreInit");
 
 console.time("onSpotifyInit");
 await Promise.all(
-	["/vendor~xpui.js", "/xpui.js"].map(applyTransforms).map(async (p) =>
-		import(await p)
-	),
+	["/vendor~xpui.js", "/xpui.js"].map(applyTransforms).map(async (p) => import(await p)),
 );
 console.timeEnd("onSpotifyInit");
 

util.ts

@@ -46,7 +46,6 @@ export const matchLast = (str: string, pattern: RegExp) => {
 	return Array.from(matches).at(-1)!;
 };
 
-
 export function stringifyUrlSearchParams(
 	params: Record<string, string | string[]>,
 ) {
@@ -62,3 +61,24 @@ export function stringifyUrlSearchParams(
 	}
 	return searchParams.toString();
 }
+
+declare global {
+	var __REACT_DEVTOOLS_GLOBAL_HOOK__: {
+		isDisabled: boolean;
+		supportsFiber: boolean;
+		inject: ($: any) => void;
+	};
+	var findHostInstanceByFiber: (fiber: any) => any;
+	var findFiberByHostInstance: (hostInstance: any) => any;
+}
+
+export function registerReactDevtoolsHook() {
+	globalThis["__REACT_DEVTOOLS_GLOBAL_HOOK__"] = {
+		isDisabled: false,
+		supportsFiber: true,
+		inject($) {
+			globalThis["findHostInstanceByFiber"] = $.findHostInstanceByFiber;
+			globalThis["findFiberByHostInstance"] = $.findFiberByHostInstance;
+		},
+	};
+}