fix: embed the es-module-shims script

Author: mariobuikhuizen

js/es-module-shims.txt

@@ -1,5 +1,6 @@
 import * as Vue from 'vue'
 import { parse } from 'vue/compiler-sfc'
+import esModuleShims from '../es-module-shims.txt'
 
 window.esmsInitOptions = { shimMode: true };
 
@@ -71,19 +72,19 @@ async function init() {
 init();
 
 async function loadShim() {
-    if (document.querySelectorAll("script[src*=es-module-shims][type=module]").length) {
+    if (document.querySelectorAll("script[src*=es-module-shims][type=module]").length || document.getElementById("es-module-shims")) {
         console.log("shim was already loadedLoaded");
         return;
     }
-    return loadScript("module", "https://ga.jspm.io/npm:es-module-shims@1.7.0/dist/es-module-shims.js")
+    return loadScript("module", toModuleUrl(esModuleShims), "es-module-shims")
 }
 
-async function loadScript(type, src) {
+async function loadScript(type, src, id) {
     return new Promise((onload, onerror) => {
         document.head.appendChild(
             Object.assign(
                 document.createElement("script"),
-                {type, src, onload, onerror, defer: true }))
+                {type, src, onload, onerror, defer: true, ...id && { id } }))
     })
 }
 

js/src/esmVueTemplate.js

@@ -2,6 +2,13 @@ var path = require('path');
 var version = require('./package.json').version;
 const webpack = require('webpack');
 
+const rules = [
+    {
+        test: /.txt$/,
+        type: 'asset/source',
+    },
+];
+
 const plugins = [
     new webpack.DefinePlugin({
         __VUE_OPTIONS_API__: true,
@@ -19,6 +26,9 @@ module.exports = [
         },
         mode: 'production',
         plugins,
+        module: {
+            rules,
+        },
     },
     {
         entry: './lib/index.js',
@@ -40,6 +50,9 @@ module.exports = [
             },
         },
         plugins,
+        module: {
+            rules,
+        },
     },
     {
         entry: './lib/nodeps.js',
@@ -62,6 +75,9 @@ module.exports = [
             },
         },
         plugins,
+        module: {
+            rules,
+        },
     },
     {
         entry: './lib/nodeps.js',
@@ -85,6 +101,9 @@ module.exports = [
             },
         },
         plugins,
+        module: {
+            rules,
+        },
     },
     {
         entry: './lib/embed.js',
@@ -102,5 +121,8 @@ module.exports = [
             maxAssetSize: 1400000
         },
         plugins,
+        module: {
+            rules,
+        },
     },
 ];

js/webpack.config.js

@@ -13,4 +13,12 @@ module.exports = {
       __VUE_PROD_DEVTOOLS__: false,
     })
   ],
+  module: {
+    rules: [
+      {
+        test: /.txt$/,
+        type: 'asset/source',
+      },
+    ],
+  },
 };