@spicetify/kit 0.3.0 → 0.4.0

package/vendor/stdlib/metadata.json

@@ -3,7 +3,7 @@
 	"kind": "lib",
 	"hidden": true,
 	"preview": "./assets/PREVIEW.png",
-	"version": "1.10.1",
+	"version": "1.13.0",
 	"compat": ["0.3.0"],
 	"authors": ["spicetify", "Delusoire"],
 	"description": "The standard library",

package/vendor/stdlib/query.ts

@@ -0,0 +1,31 @@
+/*
+ * Copyright (C) 2026 spicetify
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+import { QueryClient } from "@tanstack/query-core";
+import type { ModuleRuntimeContext } from "./mod.ts";
+
+export { QueryClient, QueryObserver, isCancelledError } from "@tanstack/query-core";
+export type { QueryKey, QueryFunctionContext } from "@tanstack/query-core";
+
+/** A cache owned by one module load; unloading cancels queries and discards data. */
+export function createModuleQueryClient(ctx: Pick<ModuleRuntimeContext, "defer">): QueryClient {
+	const client = new QueryClient({
+		defaultOptions: {
+			queries: {
+				staleTime: 5 * 60 * 1000,
+				gcTime: 10 * 60 * 1000,
+				retry: false,
+				refetchOnWindowFocus: false,
+				refetchOnReconnect: false,
+			},
+			mutations: { retry: false },
+		},
+	});
+	ctx.defer(async () => {
+		await client.cancelQueries();
+		client.clear();
+	});
+	return client;
+}

package/vendor/stdlib/src/client.ts

@@ -25,22 +25,111 @@ export interface PopupModalCompatibility {
 }
 
 export interface DaemonCapabilities {
+	acquireWindowControls?(onDisconnect: (error: Error) => void): Promise<{ release(): Promise<void> }>;
 	available(): Promise<boolean>;
 	apply(): Promise<unknown>;
 	blockUpdates(): Promise<unknown>;
 	unblockUpdates(): Promise<unknown>;
+	updateAndApplySupported?(): Promise<boolean | null>;
+	updateAndApply?: UpdateAndApplyCapability;
+	managedSpotify?: ManagedSpotifyCapability;
+}
+
+export type ManagedSpotifyJob =
+	| { kind: "idle" }
+	| { kind: "running"; jobId: string; phase: "checking" | "downloading" | "preparing" | "activating" }
+	| { kind: "complete"; jobId: string }
+	| { kind: "failed"; jobId: string; message: string };
+
+export type ManagedSpotifyInstallation =
+	| { kind: "external" }
+	| { kind: "unavailable"; message: string }
+	| { kind: "managed"; version: string; channel: "stable" | "testing"; nativeBlocked: boolean | null };
+
+export type ManagedSpotifyAvailability =
+	| { kind: "current"; version: string }
+	| { kind: "ready"; version: string }
+	| { kind: "unavailable"; version: string; message: string };
+
+export interface ManagedSpotifySnapshot {
+	installation: ManagedSpotifyInstallation;
+	job: ManagedSpotifyJob;
+}
+
+export interface ManagedSpotifyCapability {
+	status(): Promise<ManagedSpotifySnapshot | null>;
+	check(): Promise<ManagedSpotifyAvailability>;
+	update(): Promise<UpdateAdmission>;
+}
+
+export type UpdateFailureCode =
+	| "unsupported-platform"
+	| "unsupported-target"
+	| "update-unavailable"
+	| "renderer-timeout"
+	| "spotify-update-failed"
+	| "apply-failed";
+
+export type UpdateAndApplyStatus =
+	| { kind: "idle" }
+	| { kind: "accepted"; jobId: string; fromVersion: string }
+	| { kind: "waiting-for-update"; jobId: string; fromVersion: string }
+	| { kind: "downloading"; jobId: string; targetVersion: string }
+	| { kind: "installing-spotify"; jobId: string; targetVersion: string }
+	| { kind: "applying-spicetify"; jobId: string; targetVersion: string }
+	| { kind: "securing"; jobId: string; targetVersion?: string; message?: string; manualRecovery?: boolean }
+	| { kind: "complete"; jobId: string; fromVersion: string; toVersion: string }
+	| { kind: "failed-safe"; jobId: string; code: UpdateFailureCode; message: string };
+
+export interface UpdateAdmission {
+	jobId: string;
+	disposition: "accepted" | "joined";
+}
+
+export interface UpdateAndApplyCapability {
+	(): Promise<UpdateAdmission>;
+	observe(listener: (status: UpdateAndApplyStatus) => void): () => void;
 }
 
 export interface SnackbarCapabilities {
 	enqueueSnackbar(message: string, options?: { variant?: string }): unknown;
 }
 
+type CosmosBody = Record<string, unknown>;
+type CosmosHeaders = Spicetify.CosmosAsync.Headers;
+type CosmosMethod = Spicetify.CosmosAsync.Method;
+type CosmosResponse = Omit<Spicetify.CosmosAsync.Response, "body"> & { body: unknown };
+
+export interface CosmosCapabilities {
+	head(url: string, headers?: CosmosHeaders): Promise<CosmosHeaders>;
+	get(url: string, body?: CosmosBody, headers?: CosmosHeaders): Promise<unknown>;
+	post(url: string, body?: CosmosBody, headers?: CosmosHeaders): Promise<unknown>;
+	put(url: string, body?: CosmosBody, headers?: CosmosHeaders): Promise<unknown>;
+	del(url: string, body?: CosmosBody, headers?: CosmosHeaders): Promise<unknown>;
+	patch(url: string, body?: CosmosBody, headers?: CosmosHeaders): Promise<unknown>;
+	sub(
+		url: string,
+		callback: (body: unknown) => void,
+		onError?: (error: unknown) => void,
+		body?: CosmosBody,
+		headers?: CosmosHeaders,
+	): Promise<unknown>;
+	postSub(
+		url: string,
+		body: CosmosBody | null,
+		callback: (body: unknown) => void,
+		onError?: (error: unknown) => void,
+	): Promise<unknown>;
+	request(method: CosmosMethod, url: string, body?: CosmosBody, headers?: CosmosHeaders): Promise<CosmosResponse>;
+	resolve(method: CosmosMethod, url: string, body?: CosmosBody, headers?: CosmosHeaders): Promise<CosmosResponse>;
+}
+
 export interface ClientCapabilities {
 	readonly player: typeof Spicetify.Player;
 	readonly platform: typeof Spicetify.Platform;
 	readonly storage: typeof Spicetify.LocalStorage;
 	readonly uri: typeof Spicetify.URI;
-	readonly cosmos: typeof Spicetify.CosmosAsync;
+	readonly cosmos: CosmosCapabilities;
 	readonly corsProxy: typeof Spicetify.CORSProxy;
 	readonly graphQL: typeof Spicetify.GraphQL;
 	readonly locale: typeof Spicetify.Locale;

package/vendor/stdlib/src/events.mix.ts

@@ -21,6 +21,15 @@ function createGlobalThisShadow() {
 
 type CosmosRequest = { uri: string; method: string; body: string };
 
+declare global {
+	var sendCosmosRequest: (request: {
+		request: string;
+		persistent?: boolean;
+		onSuccess?: (response: string) => void;
+		onFailure?: (error: unknown) => void;
+	}) => unknown;
+}
+
 const CosmosRequestSubject = new Subject<CosmosRequest>();
 export const UpdateTitlebarSubject = new BehaviorSubject<number>(-1);
 

package/vendor/stdlib/src/events.ts

@@ -41,7 +41,7 @@ const playerListener = ({ data: state }: any) => {
 	cachedState = state;
 };
 
-const historyListener = (location) => EventBus.History.updated.next(location);
+const historyListener = (location: unknown) => EventBus.History.updated.next(location);
 
 const updateTitlebarListener = (height: number) => EventBus.ControlMessage.titlebar_updated.next(height);
 

package/vendor/stdlib/src/registers/menu-order.ts

@@ -0,0 +1,17 @@
+/*
+ * Copyright (C) 2026 Afonso Jorge Ramos
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+export const placeMenuItemsHost = (menu: Element, host: HTMLElement): void => {
+	const settingsRow = Array.from(menu.children).find(
+		(child) => child.matches('a[href="/preferences"]') || child.querySelector('a[href="/preferences"]'),
+	);
+
+	if (settingsRow) {
+		if (settingsRow.nextElementSibling !== host) settingsRow.after(host);
+		return;
+	}
+
+	if (host.parentElement !== menu) menu.append(host);
+};

package/vendor/stdlib/src/registers/menu.ts

@@ -9,6 +9,7 @@ import { matchLast } from "../util.ts";
 
 import { warn } from "../logger.ts";
 import { transformer } from "../../mixin.ts";
+import { placeMenuItemsHost } from "./menu-order.ts";
 import { Registry } from "./registry.ts";
 
 type __MenuContext = React.Context<MenuContext>;
@@ -125,14 +126,17 @@ if (
 		);
 
 		const ItemBoundary = createItemBoundary(R, "menu");
-		const live: Array<{ menu: Element; root: { unmount: () => void } }> = [];
+		const live: Array<{ menu: Element; host: HTMLElement; root: { unmount: () => void } }> = [];
 		const processed = new WeakSet<Element>();
 
-		const sweep = () => {
+		const sweep = (records: MutationRecord[] = []) => {
+			const changedMenus = new Set(records.map((record) => record.target));
 			for (let i = live.length - 1; i >= 0; i--) {
 				if (!live[i].menu.isConnected) {
 					live[i].root.unmount();
 					live.splice(i, 1);
+				} else if (changedMenus.has(live[i].menu)) {
+					placeMenuItemsHost(live[i].menu, live[i].host);
 				}
 			}
 			if (items.size === 0) return;
@@ -142,7 +146,7 @@ if (
 				const host = document.createElement("li");
 				host.setAttribute("role", "presentation");
 				host.className = "spicetify-menu-items";
-				menu.appendChild(host);
+				placeMenuItemsHost(menu, host);
 				const root = createRoot(host);
 				globalThis.__MenuContext ??= R.createContext(null);
 				root.render(
@@ -152,7 +156,7 @@ if (
 						...items.all().map((item, i) => R.createElement(ItemBoundary, { key: i }, item)),
 					),
 				);
-				live.push({ menu, root });
+				live.push({ menu, host, root });
 			}
 		};
 		new MutationObserver(sweep).observe(document.body, { childList: true, subtree: true });

package/vendor/stdlib/src/registers/mount.ts

@@ -143,10 +143,10 @@ const ensureAnchorStyle = () => {
 // constantly, and per-anchor subtree observers multiply that cost. Each
 // tick is one isConnected check per pending or placed anchor.
 type WatchedAnchor = { host: HTMLElement; place: () => boolean; started: boolean; start: () => void };
-const watched: WatchedAnchor[] = [];
+const watched = new Set<WatchedAnchor>();
 let bodyObserver: MutationObserver | undefined;
 const watchAnchor = (anchor: WatchedAnchor) => {
-	watched.push(anchor);
+	watched.add(anchor);
 	bodyObserver ??= (() => {
 		const observer = new MutationObserver(() => {
 			for (const a of watched) {
@@ -160,6 +160,13 @@ const watchAnchor = (anchor: WatchedAnchor) => {
 		observer.observe(document.body, { childList: true, subtree: true });
 		return observer;
 	})();
+	return () => {
+		watched.delete(anchor);
+		if (watched.size === 0) {
+			bodyObserver?.disconnect();
+			bodyObserver = undefined;
+		}
+	};
 };
 
 export function mountRegistryAnchor(spec: AnchorSpec): void {
@@ -192,6 +199,8 @@ export function mountRegistryAnchor(spec: AnchorSpec): void {
 		const start = () => {
 			const root = createRoot(host);
 			const ItemBoundary = createItemBoundary(R, spec.className);
+			const itemKeys = new Map<unknown, number>();
+			let nextItemKey = 0;
 			const Wrapper = () => {
 				const [, refresh] = R.useReducer((n: number) => n + 1, 0);
 				R.useEffect(() => {
@@ -201,12 +210,20 @@ export function mountRegistryAnchor(spec: AnchorSpec): void {
 				if (spec.renderItems) {
 					return R.createElement(ItemBoundary, null, spec.renderItems(spec.registry.all()));
 				}
+				for (const item of itemKeys.keys()) {
+					if (!spec.registry.has(item)) itemKeys.delete(item);
+				}
 				return R.createElement(
 					R.Fragment,
 					null,
-					...byOrder(spec.registry.all()).map((item: unknown, i: number) =>
-						R.createElement(ItemBoundary, { key: i }, item),
-					),
+					...byOrder(spec.registry.all()).map((item: unknown) => {
+						let key = itemKeys.get(item);
+						if (key === undefined) {
+							key = nextItemKey++;
+							itemKeys.set(item, key);
+						}
+						return R.createElement(ItemBoundary, { key }, item);
+					}),
 				);
 			};
 			root.render(R.createElement(Wrapper));
@@ -240,6 +257,8 @@ export interface AdjacentSpec {
 
 export function mountAdjacent(spec: AdjacentSpec): { remove: () => void } {
 	let removed = false;
+	let unwatch: (() => void) | undefined;
+	let retry: ReturnType<typeof setTimeout> | undefined;
 	let root: { render?: (node: unknown) => void; unmount?: () => void } | undefined;
 	const host = document.createElement("span");
 	host.className = spec.className;
@@ -247,6 +266,7 @@ export function mountAdjacent(spec: AdjacentSpec): { remove: () => void } {
 	host.dataset.spicetifyAnchor = "";
 
 	const place = (): boolean => {
+		if (removed) return false;
 		const target = spec.findTarget();
 		if (!target?.parentElement) return false;
 		const before = spec.side === "before" ? target : target.nextSibling;
@@ -255,9 +275,15 @@ export function mountAdjacent(spec: AdjacentSpec): { remove: () => void } {
 	};
 
 	const remove = () => {
+		if (removed) return;
 		removed = true;
-		root?.unmount?.();
-		host.remove();
+		clearTimeout(retry);
+		unwatch?.();
+		try {
+			root?.unmount?.();
+		} finally {
+			host.remove();
+		}
 	};
 
 	// Transform experiments render through injected __renderX() calls, and there
@@ -291,14 +317,14 @@ export function mountAdjacent(spec: AdjacentSpec): { remove: () => void } {
 			if (place()) {
 				start();
 				// Reuse the shared observer for re-placement only (already started).
-				watchAnchor({ host, place, started: true, start: () => {} });
+				unwatch = watchAnchor({ host, place, started: true, start: () => {} });
 				return;
 			}
 			if (Date.now() > deadline) {
 				spec.onGiveUp();
 				return;
 			}
-			setTimeout(attempt, 150);
+			retry = setTimeout(attempt, 150);
 		};
 		attempt();
 	});

package/vendor/stdlib/src/registers/navlink.tsx

@@ -5,11 +5,10 @@
 
 import { React } from "../expose/React.ts";
 import { createIconComponent } from "../createIconComponent.tsx";
-import { transformer } from "../../mixin.ts";
 import { Platform } from "../expose/Platform.ts";
 import { warn } from "../logger.ts";
 import { classnames } from "../webpack/ClassNames.ts";
-import { ScrollableContainer, Tooltip } from "../webpack/ReactComponents.ts";
+import { Tooltip } from "../webpack/ReactComponents.ts";
 import { UI } from "../webpack/ComponentLibrary.ts";
 import { mountRegistryAnchor } from "./mount.ts";
 import { Registry } from "./registry.ts";
@@ -29,52 +28,6 @@ export default registry;
 
 let refresh: React.DispatchWithoutAction | undefined;
 
-declare global {
-	var __renderNavLinks: () => React.ReactNode;
-}
-
-globalThis.__renderNavLinks = () =>
-	React.createElement(() => {
-		[, refresh] = React.useReducer((n) => n + 1, 0);
-
-		if (!ScrollableContainer) {
-			return;
-		}
-
-		return (
-			<ScrollableContainer className="custom-navlinks-scrollable_container" onlyHorizontalWheel>
-				{registry.all()}
-			</ScrollableContainer>
-		);
-	});
-transformer(
-	(emit) => (str) => {
-		emit();
-
-		str = str.replace(
-			/{(?=[^{}]*(?:{[^{}]*(?:{[^{}]*(?:{[^{}]*}[^{}]*)*}[^{}]*)*}[^{}]*)*(?<=[,{])"data-testid":"global-nav-bar")([^{}]*(?:{[^{}]*(?:{[^{}]*(?:{[^{}]*}[^{}]*)*}[^{}]*)*}[^{}]*)*(?<=[,{]))children:([^{}]*(?:{[^{}]*(?:{[^{}]*(?:{[^{}]*}[^{}]*)*}[^{}]*)*}[^{}]*)*)(,[^{}]*(?:{[^{}]*(?:{[^{}]*(?:{[^{}]*}[^{}]*)*}[^{}]*)*}[^{}]*)*|)}/,
-			"{$1children:(function(children){const p=children[0].props;p.children=[p.children,__renderNavLinks()].flat();return children})($2)$3}",
-		);
-
-		return str;
-	},
-	{
-		glob: /^\/xpui\.js/,
-	},
-);
-transformer(
-	(emit) => (str) => {
-		emit();
-
-		str = str.replace('["","/","/home/",', '["","/","/home/","/bespoke/*",');
-
-		return str;
-	},
-	{
-		glob: /^\/dwp\-top\-bar\.js/,
-	},
-);
-
 mountRegistryAnchor({
 	className: "spicetify-navlinks-anchor",
 	registry,
@@ -88,8 +41,8 @@ mountRegistryAnchor({
 	// A real flex box, not the default display:contents. The history-buttons
 	// wrapper spaces its children with a wide gap meant to separate button
 	// groups; as one box the anchor takes that gap once (separating our links
-	// from the back/forward group), while the nav links inside space
-	// themselves with the client's own 8px navlink margins.
+	// from the back/forward group), while the nav links inside are spaced by
+	// the anchor's own gap (stdlib index.scss).
 	hostDisplay: "flex",
 });
 

package/vendor/stdlib/src/registers/playbarButton.tsx

@@ -5,7 +5,6 @@
 
 import { React } from "../expose/React.ts";
 import { createIconComponent } from "../createIconComponent.tsx";
-import { transformer } from "../../mixin.ts";
 import { Tooltip } from "../webpack/ReactComponents.ts";
 import { UI } from "../webpack/ComponentLibrary.ts";
 import { classnames } from "../webpack/ClassNames.ts";
@@ -27,24 +26,6 @@ export default registry;
 
 let refresh: React.DispatchWithoutAction | undefined;
 
-declare global {
-	var __renderPlaybarBarControls: any;
-}
-
-globalThis.__renderPlaybarBarControls = () => registry.all().reverse();
-transformer(
-	(emit) => (str) => {
-		emit();
-
-		str = str.replace(/(children:\[)([^\[]*djJumpButtonFactory)/, "$1...__renderPlaybarBarControls(),$2");
-
-		return str;
-	},
-	{
-		glob: /^\/xpui\.js/,
-	},
-);
-
 mountRegistryAnchor({
 	className: "spicetify-playbar-buttons",
 	registry,

package/vendor/stdlib/src/registers/playbarWidget.tsx

@@ -5,7 +5,6 @@
 
 import { React } from "../expose/React.ts";
 import { createIconComponent } from "../createIconComponent.tsx";
-import { transformer } from "../../mixin.ts";
 import { Tooltip } from "../webpack/ReactComponents.ts";
 import { UI } from "../webpack/ComponentLibrary.ts";
 import { mountRegistryAnchor } from "./mount.ts";
@@ -26,24 +25,6 @@ export default registry;
 
 let refresh: React.DispatchWithoutAction | undefined;
 
-declare global {
-	var __renderNowPlayingWidgets: any;
-}
-
-globalThis.__renderNowPlayingWidgets = () => registry.all();
-transformer(
-	(emit) => (str) => {
-		emit();
-
-		str = str.replace(/(hideButtonFactory[^\]]*)/, "$1,...__renderNowPlayingWidgets()");
-
-		return str;
-	},
-	{
-		glob: /^\/xpui\.js/,
-	},
-);
-
 mountRegistryAnchor({
 	className: "spicetify-playbar-widgets",
 	registry,

package/vendor/stdlib/src/registers/root.ts

@@ -56,7 +56,7 @@ globalThis.__renderRootChildren = () =>
 		return childrenRegistry.all();
 	});
 globalThis.__renderRootProviders = (providers: React.ReactElement[]) => {
-	const MultiProvider = ({ children }) => {
+	const MultiProvider = ({ children }: React.PropsWithChildren) => {
 		const [, refresh] = React.useReducer((n) => n + 1, 0);
 		if (!providersRegistry.refresh.value) {
 			providersRegistry.refresh.resolve(refresh);

package/vendor/stdlib/src/registers/route.ts

@@ -3,7 +3,6 @@
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 
-import { transformer } from "../../mixin.ts";
 import { Platform } from "../expose/Platform.ts";
 import { React } from "../expose/React.ts";
 import { mountRegistryAnchor } from "./mount.ts";
@@ -25,28 +24,7 @@ export default registry;
 let refresh: (() => void) | undefined;
 let historyHooked = false;
 
-declare global {
-	var __renderRoutes: any;
-}
-
-globalThis.__renderRoutes = () => registry.all();
-transformer(
-	(emit) => (str) => {
-		emit();
-
-		str = str.replace(
-			/(\(0,[a-zA-Z_$][\w$]*\.jsx\)\([a-zA-Z_$][\w$]*\.[a-zA-Z_$][\w$]*,\{[^{]*path:"\/search\/\*")/,
-			"...__renderRoutes(),$1",
-		);
-
-		return str;
-	},
-	{
-		glob: /^\/xpui\.js/,
-	},
-);
-
-// Transform-free path: the client router never learns module routes, so a
+// The client router never learns module routes, so a
 // history-driven overlay covers the main view whenever the current path
 // matches a registered <Route>. The client renders its own not-found page
 // underneath; back/forward keep working because only real history is used.

package/vendor/stdlib/src/registers/topbarLeftButton.tsx

@@ -5,7 +5,6 @@
 
 import { React } from "../expose/React.ts";
 import { createIconComponent } from "../createIconComponent.tsx";
-import { transformer } from "../../mixin.ts";
 import { Tooltip } from "../webpack/ReactComponents.ts";
 import { UI } from "../webpack/ComponentLibrary.ts";
 import { mountRegistryAnchor } from "./mount.ts";
@@ -26,29 +25,6 @@ export default registry;
 
 let refresh: React.DispatchWithoutAction | undefined;
 
-declare global {
-	var __renderTopbarLeftButtons: () => React.ReactNode;
-}
-
-globalThis.__renderTopbarLeftButtons = () =>
-	React.createElement(() => {
-		[, refresh] = React.useReducer((n) => n + 1, 0);
-
-		return <>{registry.all()}</>;
-	});
-transformer(
-	(emit) => (str) => {
-		emit();
-
-		str = str.replace(/("top-bar-forward-button"[^\]]*)/g, "$1,__renderTopbarLeftButtons()");
-
-		return str;
-	},
-	{
-		glob: /^\/xpui\.js/,
-	},
-);
-
 mountRegistryAnchor({
 	className: "spicetify-topbar-left-buttons",
 	registry,

package/vendor/stdlib/src/registers/topbarRightButton.tsx

@@ -5,7 +5,6 @@
 
 import { React } from "../expose/React.ts";
 import { createIconComponent } from "../createIconComponent.tsx";
-import { transformer } from "../../mixin.ts";
 import { Tooltip } from "../webpack/ReactComponents.ts";
 import { UI } from "../webpack/ComponentLibrary.ts";
 import { mountRegistryAnchor } from "./mount.ts";
@@ -26,29 +25,6 @@ export default registry;
 
 let refresh: React.DispatchWithoutAction | undefined;
 
-declare global {
-	var __renderTopbarRightButtons: () => React.ReactNode;
-}
-
-globalThis.__renderTopbarRightButtons = () =>
-	React.createElement(() => {
-		[, refresh] = React.useReducer((n) => n + 1, 0);
-
-		return <>{registry.all().reverse()}</>;
-	});
-transformer(
-	(emit) => (str) => {
-		emit();
-
-		str = str.replace(/("login-button"[^\}]*\}[^\}]*\}[^\}]*\}\))/, "$1,__renderTopbarRightButtons()");
-
-		return str;
-	},
-	{
-		glob: /^\/xpui\.js/,
-	},
-);
-
 mountRegistryAnchor({
 	className: "spicetify-topbar-right-buttons",
 	registry,

package/vendor/stdlib/src/storage.ts

@@ -55,7 +55,7 @@ export function createSyncedStorage(playlistUri: string) {
 	async function getUris(key: string) {
 		assertSmallerSize(encodeURIComponent(key), CHUNK_SIZE, 1, "Can't fit key in a single chunk");
 
-		const { items } = await PlaylistAPI.getContents(playlistUri, {
+		const { items }: { items: Array<{ uri: string }> } = await PlaylistAPI.getContents(playlistUri, {
 			filter: key,
 			limit: 1e9,
 		});

package/vendor/stdlib/src/webpack/ReactComponents.xpui.ts

@@ -11,6 +11,7 @@ import { Platform } from "../expose/Platform.ts";
 import { exportedFunctions, exportedMemos, modules, src } from "./index.ts";
 import { webpackRequire } from "../wpunpk.mix.ts";
 import { React } from "../expose/React.ts";
+import { findPlaylistMenu } from "./playlist-menu.ts";
 
 type SnackbarProviderT = any;
 
@@ -43,16 +44,9 @@ const requireExports = (id: ReturnType<typeof findModuleId>): Record<string, any
 	id === undefined ? {} : (webpackRequire(id) as Record<string, any>);
 
 const ContextMenuModuleID = findModuleId("toggleContextMenu", (s) => s.includes("toggleContextMenu"));
-// Dead since 1.2.9x: no module carries value:"playlist" + canView +
-// permissions anymore; Menus.Playlist stays undefined until re-needled.
-const playlistMenuModuleID = findModuleId(
-	'value:"playlist" + canView + permissions',
-	(s) => s.includes('value:"playlist"') && s.includes("canView") && s.includes("permissions"),
-);
 
-Menus.Playlist = Object.values(requireExports(playlistMenuModuleID)).find(
-	(m) => typeof m === "function" || typeof m === "object",
-);
+Menus.Playlist = findPlaylistMenu(modules, requireExports);
+if (Menus.Playlist === undefined) warn("[stdlib] webpack needle miss: playlist menu component");
 
 export const Cards: any = Object.assign(
 	{

package/vendor/stdlib/src/webpack/URI.xpui.ts

@@ -105,7 +105,7 @@ export const from: (uri: ParsableAsURI) => URIClass<any> = findAndExcludeBy("all
 export const fromString: (str: string) => URIClass<any> = findAndExcludeBy("Argument `uri` must be a string.") as any;
 
 is.PlaylistV1OrV2 = (
-	is.Playlist && is.PlaylistV2
+	typeof is.Playlist === "function" && typeof is.PlaylistV2 === "function"
 		? findAndExcludeBy(`${(is.Playlist as Function).name}(e)||${(is.PlaylistV2 as Function).name}(e)`)
 		: undefined
 ) as any;