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

Allow default import component to be renamed based on import statement default specifier (#193)

Browse source 
* Allow renaming for default import components

* Changeset
This commit is contained in:
Kevin (Kun) "Kassimo" Qian 2021-05-10 09:00:05 -07:00 committed by GitHub
parent 42ec961eec
commit e0a4f5fbc0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 30 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/many-turtles-move.md Normal file
View file

@ -0,0 +1,5 @@
---
'astro': patch
---
Allow renaming for default import components

21
packages/astro/src/build/page.ts
View file

@ -222,14 +222,19 @@ async function gatherRuntimes({ astroConfig, buildState, filepath, logging, reso
for (const componentImport of componentImports) {
const importUrl = componentImport.source.value;
const componentType = path.posix.extname(importUrl);
const componentName = path.posix.basename(importUrl, componentType);
const plugin = extensions[componentType] || defaultExtensions[componentType];
plugins.add(plugin);
components[componentName] = {
plugin,
type: componentType,
specifier: importUrl,
};
for (const specifier of componentImport.specifiers) {
if (specifier.type === 'ImportDefaultSpecifier') {
const componentName = specifier.local.name;
const plugin = extensions[componentType] || defaultExtensions[componentType];
plugins.add(plugin);
components[componentName] = {
plugin,
type: componentType,
specifier: importUrl,
};
break;
}
}
}
const dynamic = await acquireDynamicComponentImports(plugins, resolvePackageUrl);

12
packages/astro/test/fixtures/astro-dynamic/src/pages/default-rename.astro vendored Normal file
View file

@ -0,0 +1,12 @@
---
import CounterRenamed from '../components/Counter.jsx';
import SvelteCounterRenamed from '../components/SvelteCounter.svelte';
---
<html>
<head><title>Dynamic pages</title></head>
<body>
<CounterRenamed:load />
<SvelteCounterRenamed:load />
</body>
</html>