Updates for Parcel

[devongovett]

Hey all. Congrats on your launch! 🥳

There are many tests on the site that Parcel fails or receives a partial pass for due to missing documentation, as it's the only pre-release tool on the site. You may have missed it, but as of the beta release a few weeks ago, we have a new docs website: https://v2.parceljs.org/. It still very much a work in progress, but it already covers many of the things you mention as lacking documentation, so I thought I'd file an issue to point you there.

Here are the tests I believe Parcel should pass given the new docs, along with a few that may have been fixed since the test was last performed.

• Import a binary file as an asset URL
  • Possible using the url: named pipeline. See docs.
• Can CSS be imported as a JavaScript string?
  • Use the bundle-text: named pipeline. See docs.
• Can CSS be imported to produce a stylesheet URL?
  • Use the url: named pipeline. See docs.
• Can CSS "Modules" be used for scoping?
  • See docs. Not sure why you'd import a CSS module into an HTML file, nor how that would work. It's not something that appears to be tested against other tools.
• Import custom file types from JavaScript
  • Use a custom named pipeline. See docs.
• Can images be imported as data URLs?
  • Use the data-url: named pipeline. See docs.
• Can URL hashing be selectively disabled?
  • This can be accomplished using a custom Namer plugin to exclude the hashReference when needed. See docs.
• Can a map be used to centralized bundle hashes?
  • This happens by default. A manifest is inserted into the entry JS bundles, and is used to generate URLs to both other JS bundles and other assets referenced from JS at runtime.
• Can processed scripts be inlined into HTML?
  • This could be accomplished by using an inline script in HTML, with an import. <script>import '...';</script>.
• Import a binary file as an array buffer
  • This can be done with fs.readFileSync just like in the Browserify test. See docs. Alternatively, if you need to process the file through all the plugins first rather than just requiring the raw file, you could use the data-url: pipeline like you already have in the test. See docs.

[surma]

Thanks @devongovett and congrats on your launch as well, then :tada:

I’m on vacation for the next 2 weeks, but I'll update everything once I’m back. Super excited to dive in! Thanks for doing half the work for me already.

[jakearchibald]

I'll be able to pick up some/all of this in the meantime. Looking forward to digging into it!

If it provides a big score jump, we'll make some noise around that too.

On Thu, 2 Jul 2020, 20:20 Surma, notifications@github.com wrote:

Thanks @devongovett https://github.com/devongovett and congrats on your launch as well, then 🎉

I’m on vacation for the next 2 weeks, but I'll update everything once I’m back. Super excited to dive in! Thanks for doing half the work for me already.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/GoogleChromeLabs/tooling.report/issues/357#issuecomment-653180585, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAAW3GTBBCXFWOQCZEJUWFDRZTMY3ANCNFSM4OPFLOMA .

[jakearchibald]

Also, wow, thanks for highlighting the individual tests too!

[jakearchibald]

• [x] Import a binary file as an asset URL
  • Now passes!
• [x] Can CSS be imported as a JavaScript string?
  • A partial pass due to https://github.com/parcel-bundler/parcel/issues/4855
• [x] Can CSS be imported to produce a stylesheet URL?
  • A fail due to https://github.com/parcel-bundler/parcel/issues/4856
• [x] Can CSS "Modules" be used for scoping?
  • Now passes!
• [x] Import custom file types from JavaScript
  • No change: This test requires writing a plugin, but I don't think the docs are complete enough yet. @devongovett if the consensus is that the docs are ready, I can create an issue detailing where I hit difficulties trying to figure out how I'd write this. LMK.
• [x] Can images be imported as data URLs?
  • Now passes!
• [x] Can URL hashing be selectively disabled?
  • Stays the same until for now. Actually, I think this should be a fail rather than a pass, but I'll leave it for now.
• [x] Can a map be used to centralized bundle hashes?
  • Now passes!
• [x] Can processed scripts be inlined into HTML?
  • A partial pass due to a lack of documentation and bugs
• [x] Import a binary file as an array buffer
  • I'm going to keep this as a partial pass because the Buffer polyfill is pretty heavy.

[mischnic]

Import custom file types from JavaScript

Looks like Devon missed the transform files at build time to "wrap" them part. The docs for most plugin types (in this case, a transformer) aren't ready yet.

[jakearchibald]

@mischnic no problem. Let us know when you reckon they're ready. One of us will 'test' them and give feedback on whatever we can't figure out.

[jakearchibald]

@mischnic @devongovett

• Can processed scripts be inlined into HTML?
  • This could be accomplished by using an inline script in HTML, with an import. <script>import '...';</script>.

Is this behaviour documented anywhere?

Filed https://github.com/parcel-bundler/website/issues/629

[jakearchibald]

@mischnic @devongovett https://github.com/GoogleChromeLabs/tooling.report/pull/372 - let me know if I've gotten anything wrong here