Components exported with "export * from ..." are shown in error in the drawer

[aymericfraise]

Hi, first off thanks for maintaining this really useful extension. I came accross this behaviour :

If your root file imports a child component from an index file that does export * from ..., then the child component appears red in the tree view and you can't expand it.

You can reproduce the issue with the following project :

Folder structure :

App.tsx
home/
├─ index.ts
├─ Home.tsx

Home.tsx :

export const Home = () => (<></>);

index.ts :

export * from './Home';

App.tsx :

import { Home } from './home';
export const App = () => (<Home />);

With this project if you select App.tsx as the root file in sapling then Home appears red and you can't expand it.

I get the issue on the latest version of vscode on Windows.

Thanks

[PLCoster]

Hi @aymericfraise,

Thanks for creating this issue - we are aware that Sapling is not currently capable of handling 'index imports' as you demonstrate here. It is a feature we hope to add in the future, will post a comment here if we release a new version with this capability.

Cheers!

[msakrejda]

My project also uses index imports. Sapling seems very cool, but I can't really use it due to this. Is this something you would accept a contribution for @PLCoster ? If so, any tips on how to get started on something like this?