fix: add patch to fully specify resolve path in stencil output targets

[borisdiakur]

Description

This PR includes a patch to the Stencil Vue and React output targets, resolving an issue with relatively imported modules, which need to have the .js or /index.js extension to be added to the import path in order to resolve an actual path, when working with esm in environments, where a fully specified path is the default (such as in a create react app with webpack 5, which, if not ejected and changed, has resolve.fullySpecified set to true).

Fixes #495

References:

• Issue bug: Cannot find module dist/vue-component-lib/utils in Nuxt 3 ionic-team/stencil-ds-output-targets#319
• PR fix: fully specify resolve path with .js extension ionic-team/stencil-ds-output-targets#322

Type of change

• Bugfix

Is it a breaking change?

• No

How Has This Been Tested?

• tested manually

In order to test this, you'll need to do the following:

1. Inside the liquid project working directory, check out the branch fix/resolve_esm
2. Run yarn && yarn build && npm link
3. Clone https://github.com/emdgroup-liquid/liquid-sandbox-cra-tailwind
4. Delete patch-package ; in this line in the package.json file
5. Run npm install && npm link @emdgroup-liquid/liquid && npm start
6. Open http://localhost:3000 in your browser

You can test the Vue bindings as well, using the same procedure as above with the Nuxt sandbox app. However, Nuxt will not be able to resolve symlinks, so you will have to copy paste the vue dist folder into the project as a workaround.

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• My changes generate no new warnings
• I have added tests that prove my fix is effective or that my feature works (if applicable)
• New and existing tests pass locally with my changes

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
liquid	✅ Ready (Inspect)	Visit Preview	Feb 3, 2023 at 5:04PM (UTC)

[borisdiakur]

🎉 This PR is included in version 4.4.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀