add manual support for ESM in NodeJS

README.md

@@ -64,6 +64,15 @@ This Web Component is developed with [Stencil](https://stenciljs.com).
 
 The [Stencil documentation](https://stenciljs.com/docs/overview) provide examples of Javascript and framework integration for [Angular](https://stenciljs.com/docs/angular), [React](https://stenciljs.com/docs/react), [Vue](https://stenciljs.com/docs/vue) and [Ember](https://stenciljs.com/docs/ember).
 
+### NodeJS
+
+Due to an [open issue in Stencil regarding ESM entry points](https://github.com/ionic-team/stencil/issues/2826), ESM resolution support in NodeJS for this package has been manually fixed by overriding the `module` field in _package.json_.  As long as your dev server / bundler supports the `module` field, you should be able to `import` the component like this:
+```js
+import 'web-social-share';
+```
+
+> _Note: as noted in the linked issue, one caveat is that this entry file uses template literals inside dynamic imports (e.g. `import(${x})`) so make sure this syntax is also supported by your environment.  For example, Rollup has [**@rollup/plugin-dynamic-import-vars**](https://github.com/rollup/plugins/tree/master/packages/dynamic-import-vars).
+
 ## Getting Started
 
 The Web Social Share Component can be use like following:

package.json

@@ -3,7 +3,7 @@
   "version": "8.0.0",
   "description": "A Web Component to share urls and text on social networks",
   "main": "dist/index.cjs.js",
-  "module": "dist/index.js",
+  "module": "dist/websocialshare/websocialshare.esm.js",
   "es2015": "dist/esm/index.js",
   "es2017": "dist/esm/index.js",
   "jsnext:main": "dist/esm/index.js",