Add / to PublicPath and browser.runtime.getURL

[aaronklinker-st]

Describe the bug

Trying to call browser.runtime.getURL("/"), but am getting a type error.

Reproduction

Just add browser.runtime.getURL("/") to the vanilla template's background.

Steps to reproduce

pnpm tsc --noEmit

System Info

System:
    OS: macOS 14.6.1
    CPU: (12) x64 Intel(R) Core(TM) i7-9750H CPU @ 2.60GHz
    Memory: 1.18 GB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 20.10.0 - ~/.asdf/installs/nodejs/20.10.0/bin/node
    Yarn: 1.22.22 - ~/.asdf/installs/nodejs/20.10.0/bin/yarn
    npm: 10.2.3 - ~/.asdf/plugins/nodejs/shims/npm
    pnpm: 7.33.7 - ~/.asdf/installs/nodejs/20.10.0/bin/pnpm
  Browsers:
    Chrome: 128.0.6613.138
    Safari: 17.6
  npmPackages:
    wxt: ^0.19.9 => 0.19.9

Used Package Manager

pnpm

Validations

• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[aklinker1]

Good first issue for a contributor. Here's the function that needs updated:

wxt/packages/wxt/src/core/utils/building/generate-wxt-dir.ts

Lines 75 to 115 in 2824587

	async function getPathsDeclarationEntry(
	entrypoints: Entrypoint[],
	): Promise<WxtDirFileEntry> {
	const paths = entrypoints
	.map((entry) =>
	getEntrypointBundlePath(
	entry,
	wxt.config.outDir,
	isHtmlEntrypoint(entry) ? '.html' : '.js',
	),
	)
	.concat(await getPublicFiles());
	await wxt.hooks.callHook('prepare:publicPaths', wxt, paths);
	const unions = paths
	.map(normalizePath)
	.sort()
	.map((path) => ` | "/${path}"`)
	.join('\n');
	const template = `// Generated by wxt
	import "wxt/browser";
	declare module "wxt/browser" {
	export type PublicPath =
	{{ union }}
	type HtmlPublicPath = Extract<PublicPath, \`\${string}.html\`>
	export interface WxtRuntime {
	getURL(path: PublicPath): string;
	getURL(path: \`\${HtmlPublicPath}\${string}\`): string;
	}
	}
	`;
	return {
	path: 'types/paths.d.ts',
	text: template.replace('{{ union }}', unions || ' | never'),
	tsReference: true,
	};
	}

[pritesh7098]

Is this issue still pending? if yes then assign It to me

[aklinker1]

@pritesh7098 yup, it's all yours! Thanks 😀

[aklinker1]

To test your changes, either run tests:

cd packages/wxt
pnpm test

or prepare the demo extension:

cd packages/wxt-demo
pnpm wxt prepare