feat: Support Export all for component parsing in svelte entrypoint

[ethan-jones-vizio]

In current main, if your entrypoint looks something like:

export { default as MyComponent } from './MyComponent.svelte';
export { default as AnotherComponent } from './AnotherComponent.svelte';

export * from './more-components';
export * from './other-components';

more-components/index.js

export { default as UtilComponent } from './UtilComponent.svelte';

other-components/index.js

export { default as AwesomeComponent } from './AwesomeComponent.svelte';

export * from './another-nested-components-dir';

another-nested-components-dir/index.js

export { default as CoolComponent } from './CoolComponent.svelte';

Will only generate types for MyComponent and AnotherComponent, but with this PR it parses the export * statements and will generate typings for all components

Temporary NPM package: @ethan-jones-vizio/sveld 0.15.2-pr

[metonym]

Great idea – I can definitely see the use case for sub component folders and the need to use the wildcard export.

When integration testing this, I had the following folder structure:

src/components/Card.svelte
src/index.js

and the following index.js:

export * from "./components";

I ran into an error saying that "./src/Card.svelte" did not exist. I believe this is because the value.source in exports_by_identifier is still "./src/Card.svelte" and does not include the folder value.

The solution would be to modify the source to include that folder path:

+ import { normalizeSeparators } from "./path";

for (const [key, value] of Object.entries(exports)) {
+ const source = normalizeSeparators("./" + path.join(node.source.value, value.source));

- exports_by_identifier[key] = value;
+ exports_by_identifier[key] = {
+  ...value,
+  source,
+ };
}

By doing this, I was able to build the library successfully.

The resulting types/index.d.ts looked like:

export { default as Card } from "./components/Card.svelte";

[ethan-jones-vizio]

Thank you!

[metonym]

Released in v0.16.0