WIP: Enable and use import maps

[heyapricot]

Resolves #3199

Description

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update
• Documentation update

How Has This Been Tested?

Screenshots

[edwinthinks]

@heyapricot i was able to make the sidenav work again by importing it here after pinning it.

[edwinthinks]

@heyapricot I've made some updates since the last week. Mainly:

• Fix issue in which line items UI supported by cocoon was not working
• Migrate turbo from webpack to importmaps
• Fix dropdown not working

The next step I'd take is to make sure the system tests start passing again. Pick one or a few and try to get it to start passing by adding JS that may have been left out from https://github.com/rubyforgood/human-essentials/blob/main/app/assets/javascripts/application.js or need to be moved from the webpack version.

This is exciting!

[edwinthinks]

@dorner as requested here is a list of things that still need to be fixed.

• Icons on the side nav are missing. Likely due to needing to migrate fontawesome from webpacker.
• select2 stimulus controller is not loading properly without error. Seems to be caused by the $ syntax not being recognized.
• [Limited knowledge here from me] The bar code scanner code probably does not work. I don’t know how to test it either. I believe Scott has a barcode scanner.
• There is logic to open a model in the new donations page when selecting the manufacturer or driver is new. This functionality hasn’t been moved over.
• Date range filters doesn’t appear to work. It looks like in the webpacker there are libraries to handle that

This list isn't all encompassing, these are just the most upfront issues I've seen so far.

Happy to work with you to divide on conquer this if it makes sense :)

[cielf]

FWIW, I believe you can use your phone as a bar code scanner. I don't know the details on that, though.

[dorner]

You can use your computer's camera as well. If you click / tap in the barcode area it should automatically prompt you to use it.

[dorner]

Had to downgrade this due to rails/sprockets#749 .

[awwaiid]

Looks like the system didn't like this downgrade very much :(

[dorner]

In what way?

[dorner]

oh build is failing. That's weird, it wasn't doing that before :o Let me see if just running bundle will fix

[dorner]

Should be fixed now.

[cielf]

I don't know about the rest of the change, but I'd like to see the hack heavily commented.

[cielf]

Looks good. Maybe we should put a tech debt issue in to solve it, though?

[dorner]

Honestly, it would be so far down in priority that I kind of hope nobody ever picks it up. We have a lot better fish to fry - for example, at some point we probably should upgrade to Bootstrap 5, which might render this moot depending on if there are fixes in there.

[awwaiid]

Thank you for getting this merged!

[cielf]

@heyapricot @dorner @edwinthinks Thanks for your work on this -- we just released it!