import attributes / JSON modules / CSS modules

[o-t-w]

Description

Import attributes are a way to import JSON modules and CSS modules in JavaScript.

Specification

https://github.com/tc39/proposal-import-attributes

Open Issues

whatwg/html#7233
There is an open PR that would close this issue.

Tests

https://wpt.fyi/results/html/semantics/scripting-1/the-script-element?label=master&label=experimental&aligned&q=%28import-attributes%20or%20json%20or%20css%29%20and%20not%20assertions

Current Implementations

• Blink
• Gecko
• WebKit

Standards Positions

Safari Technology Preview supports import attributes and JSON modules.
WebKit position on CSS module scripts

Chrome Canary is currently updating the import attribute syntax from import assertions.

Gecko standards position on CSS modules

Browser bug reports

Gecko bug for import attributes.
Gecko bug for CSS modules scripts

Developer discussions

This Tweet has almost 900 likes https://x.com/mattpocockuk/status/1694679999117246640?s=20

Polls & Surveys

No response

Existing Usage

No response

Workarounds

No response

Accessibility Impact

No impact.

Privacy Impact

No impact.

Other

No response

[gsnedders]

Tests

https://wpt.fyi/results/html/semantics/scripting-1/the-script-element/css-module?label=experimental&label=master&aligned

maybe something more like https://wpt.fyi/results/html/semantics/scripting-1/the-script-element?label=master&label=experimental&aligned&q=%28import-attributes%20or%20json%20or%20css%29%20and%20not%20assertions?

[zcorpan]

Can we split this into JSON modules and CSS modules?

[gsnedders]

Can we split this into JSON modules and CSS modules?

And let's include the basic import attributes tests in both, because if both get accepted we'll presumably merge them into a single focus area. (And if we don't, we can figure out how to deal with the scoring later!)

[dandclark]

Per the Interop Team discussion earlier today, I've filed these two issues to track JSON and CSS modules separately during proposal selection, including the import attributes tests in both:
#596
#597

Closing out this issue since it will be tracked in #596 and #597 going forward.