support non-JavaScript file formats for import maps

[thescientist13]

Type of Change

Feature

Summary

Per discussions in #1301 (comment), it was reported that trying to use bare specifiers for CSS Module Scripts was not working and giving an error in the console

import SpectrumCard from "@spectrum-css/card" with { type: "css" };

Details

After digging in a little bit, the reason is now pretty obvious. When building up the import map, we specifically only look for JavaScript files from node_modules to add to the import map
https://github.com/ProjectEvergreen/greenwood/blob/master/packages/cli/src/lib/walker-package-ranger.js#L122

The solution here is to be more accommodating to non-JavaScript files like CSS and JSON in particular, now that we have added support Import Attributes

---

In the meantime, "deep linking" to the file works

import SpectrumCard from "../path/to/node_modules/@spectrum-css/card/dist/index.css" with { type: "css" };

[thescientist13]

OK! After some heavy refactoring per #1317 / #1326 , this now just works! 💯

import SpectrumCard from "@spectrum-css/card" with { type: "css" };

console.log({ SpectrumCard });