Dot notation with treeshaking

option-1.tsx

// we change our library to have multiple entry points. Note that this has a large effect on our package.json, bundler settings, etc. 

// in our library. file: "src/CartLine"
export {CartLine, CartLineQuantityAdjustButton} from 'index.js'

// in a dev's project
import * as CartLine from '@shopify/hydrogen/CartLine'

option-2.tsx

// the importer/dev writes a façade file that does it on their side of things: (both files in the dev’s project)


// file: "src/CartLine"
export {CartLine, CartLineQuantityAdjustButton} from '@shopify/hydrogen'

// file "src/routes/SomeRoute"
import * as CartLine from '~/CartLine'

option-3.tsx

// we just don't care about treeshaking at all :(