Rollup bundle generates invalid linaria imports instead of css since @linaria/rollup@3.0.0-beta.6

[nstepien]

Environment

• Linaria version: 3.0.0-beta.6
• Bundler (+ version): rollup@2.51.1
• Node.js version: v16.3.0
• OS: win10

Description

There is a regression with @linaria/rollup@3.0.0-beta.6, the issue is not present with @linaria/rollup@3.0.0-beta.5.
The bundle does not include the css anymore, linaria imports are left as is instead.

For example, with @linaria/rollup@3.0.0-beta.5:

After upgrading to @linaria/rollup@3.0.0-beta.6:

Reproducible Demo

1. clone https://github.com/adazzle/react-data-grid
2. npm i
3. npm run build
4. inspect the resulting bundle lib/bundle.js

[Anber]

Hi @nstepien!

I'm not familiar with rollup, but something went wrong after that PR. I'll try to figure out what to do with it in the next couple of days.

Thank you!

[wmzy]

 external: (id) => !id.startsWith('.') || !isAbsolute(id)

to

external: (id) => !id.startsWith('@linaria:') || !!id.startsWith('.') || !isAbsolute(id)

will work?

[nstepien]

@wmzy
This worked

external: (id) => !id.startsWith('.') && !isAbsolute(id) && !id.startsWith('@linaria:'),

Nice catch, thanks.
Not sure if anything should be fixed in @linaria/rollup then.

[wmzy]

@nstepien I don't think this is a bug.
Other rollup plugin may also use a virtual file name.

Maybe add a file name config to make It explicit is better:

plugins:[
  linaria({
     mapFilename: (id) => '@linaria:' + id
   })
]