fix(loader): use ES2017 loader

The ES5 polyfill included in the default loader messes with prettyDOM, which is used by testing-library. To fix this, we patch the loader package.json, the react and the vue output target imports to use the ES2017 code. Fixes #699
emdgroup-liquid · May 12, 2023 · a079410 · a079410 · vercel · May 12, 2023
1 parent 5e4403c
commit a079410
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/scripts/patchLoader.ts b/scripts/patchLoader.ts
@@ -3,7 +3,7 @@ const fs = require('fs')
 const packageJSON = require('../dist/loader/package.json')
 const patchedPackageJSON = {
   ...packageJSON,
-  main: packageJSON.main.replace('.cjs', ''),
+  main: packageJSON.main.replace('.cjs', '.es2017'),
   type: 'module',
 }
 fs.writeFileSync(

diff --git a/scripts/patchReactOutput.ts b/scripts/patchReactOutput.ts
@@ -14,7 +14,7 @@ fs.readFile(filename, 'utf8', function (err, data) {
     )
     .replace(
       "import { defineCustomElements } from '../dist/components/dist/loader/index.js';",
-      "import { defineCustomElements } from '../dist/loader/index.js';"
+      "import { defineCustomElements } from '../dist/loader/index.es2017.js';"
     )
 
   fs.writeFile(filename, result, 'utf8', function (err) {

diff --git a/scripts/patchVueOutput.ts b/scripts/patchVueOutput.ts
@@ -14,7 +14,7 @@ fs.readFile(filename, 'utf8', function (err, data) {
     )
     .replace(
       "import { defineCustomElements } from '../dist/components/dist/loader/index.js';",
-      "import { defineCustomElements } from '../dist/loader/index.js';"
+      "import { defineCustomElements } from '../dist/loader/index.es2017.js';"
     )
 
   fs.writeFile(filename, result, 'utf8', function (err) {