michael/astro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Simulate Vite resolve id to url (#4239)

Browse source 
* Simulate Vite resolve id to url

* Add changeset
This commit is contained in:
Bjorn Lu 2022-08-11 04:53:52 +08:00 committed by GitHub
parent df26aa220b
commit a9baa45af3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 27 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/nervous-socks-sin.md Normal file
View file

@ -0,0 +1,5 @@
---
'astro': patch
---
Fix Astro client scripts sourcemap 404

7
packages/astro/src/core/render/dev/index.ts
View file

@ -1,4 +1,5 @@
import { fileURLToPath } from 'url';
import path from 'path';
import type { ViteDevServer } from 'vite';
import type {
AstroConfig,
@ -12,7 +13,7 @@ import type {
import { prependForwardSlash } from '../../../core/path.js';
import { PAGE_SCRIPT_ID } from '../../../vite-plugin-scripts/index.js';
import { LogOptions } from '../../logger/core.js';
import { isPage } from '../../util.js';
import { isPage, resolveIdToUrl } from '../../util.js';
import { render as coreRender } from '../core.js';
import { RouteCache } from '../route-cache.js';
import { collectMdMetadata } from '../util.js';
@ -116,7 +117,7 @@ export async function render(
scripts.add({
props: {
type: 'module',
src: '/@id/astro/runtime/client/hmr.js',
src: await resolveIdToUrl(viteServer, 'astro/runtime/client/hmr.js'),
},
children: '',
});
@ -186,7 +187,7 @@ export async function render(
if (s.startsWith('/@fs')) {
return resolveClientDevPath(s);
}
return '/@id' + prependForwardSlash(s);
return await resolveIdToUrl(viteServer, s);
},
renderers,
request,

20
packages/astro/src/core/util.ts
View file

@ -4,9 +4,9 @@ import path from 'path';
import resolve from 'resolve';
import slash from 'slash';
import { fileURLToPath, pathToFileURL } from 'url';
import type { ErrorPayload } from 'vite';
import type { ErrorPayload, ViteDevServer } from 'vite';
import type { AstroConfig } from '../@types/astro';
import { removeTrailingForwardSlash } from './path.js';
import { prependForwardSlash, removeTrailingForwardSlash } from './path.js';
// process.env.PACKAGE_VERSION is injected when we build and publish the astro package.
export const ASTRO_VERSION = process.env.PACKAGE_VERSION ?? 'development';
@ -207,3 +207,19 @@ export function getLocalAddress(serverAddress: string, host: string | boolean):
return serverAddress;
}
}
/**
* Simulate Vite's resolve and import analysis so we can import the id as an URL
* through a script tag or a dynamic import as-is.
*/
// NOTE: `/@id/` should only be used when the id is fully resolved
export async function resolveIdToUrl(viteServer: ViteDevServer, id: string) {
const result = await viteServer.pluginContainer.resolveId(id);
if (!result) {
return VALID_ID_PREFIX + id;
}
if (path.isAbsolute(result.id)) {
return '/@fs' + prependForwardSlash(result.id);
}
return VALID_ID_PREFIX + result.id;
}