Allow re-exporting of templates such as styled and css from internal files

[jpnelson]

Describe the feature

We'd like to be able to re-export the css and styled template literals. Currently, the babel plugin will only detect and replace imports from the linaria library. This, for example, would not work:

./my-folder/linaria

export { css } from 'linaria';

./index.js

import { css } from './my-folder/linaria'

const className = css`
  background: red;
`

Since css is not being imported directly from linaria

Motivation

We have some linaria specific utilities (eg. shared styles and the like) that we house in a separate folder. It's a little cumbersome to also import the public API – if we could, we would re-export it from our internal folder to keep everything in one place.

Possible implementations

We could implement this either by adding logic to try to resolve the imports (might be tricky with custom configs) or to allow specifying which import paths may contain styled and css – I'd be happy to take direction on which of these is preferred.

[Anber]

Hi @jpnelson

Just custom import paths will not help because css and styled can be reexported in different ways and with different names. Probably we need to introduce a new config option for a custom resolve function and completely refactored hasImport which will use that option.

[jpnelson]

@Anber I had a go at this here: #882 – it turned out to be not too tricky, let me know what you think! 🙏

[jpnelson]

Done in #882