fix: do not handle non standard script types

Author: evilebottnawi

package-lock.json

@@ -49,33 +49,32 @@
     "schema-utils": "^2.7.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.10.1",
-    "@babel/core": "^7.10.2",
-    "@babel/preset-env": "^7.10.2",
-    "@commitlint/cli": "^8.3.5",
-    "@commitlint/config-conventional": "^8.3.4",
+    "@babel/cli": "^7.10.5",
+    "@babel/core": "^7.10.5",
+    "@babel/preset-env": "^7.10.4",
+    "@commitlint/cli": "^9.1.1",
+    "@commitlint/config-conventional": "^9.1.1",
     "@webpack-contrib/defaults": "^6.3.0",
     "@webpack-contrib/eslint-config-webpack": "^3.0.0",
-    "babel-jest": "^26.0.1",
+    "babel-jest": "^26.1.0",
     "cross-env": "^7.0.2",
     "del": "^5.1.0",
     "del-cli": "^3.0.1",
     "es-check": "^5.1.0",
-    "eslint": "^7.2.0",
+    "eslint": "^7.5.0",
     "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-import": "^2.20.2",
+    "eslint-plugin-import": "^2.22.0",
     "file-loader": "^6.0.0",
     "handlebars": "^4.7.6",
     "husky": "^4.2.5",
-    "jest": "^26.0.1",
-    "jest-junit": "^10.0.0",
+    "jest": "^26.1.0",
     "lint-staged": "^10.2.11",
     "memfs": "^3.2.0",
     "npm-run-all": "^4.1.5",
-    "posthtml": "^0.13.0",
+    "posthtml": "^0.13.1",
     "posthtml-webp": "^1.5.0",
     "prettier": "^2.0.5",
-    "standard-version": "^8.0.0",
+    "standard-version": "^8.0.2",
     "webpack": "^4.43.0"
   },
   "keywords": [

package.json

@@ -72,8 +72,21 @@ const defaultAttributes = [
     tag: 'script',
     attribute: 'src',
     type: 'src',
-    // TODO type
-    // https://github.com/prettier/prettier/blob/b01591770a2407513af31b59377e87d0892a66a9/src/language-html/utils.js#L367
+    filter: (tag, attribute, attributes) => {
+      if (attributes.type) {
+        const type = getAttributeValue(attributes, 'type').trim().toLowerCase();
+
+        if (
+          type !== 'module' &&
+          type !== 'text/javascript' &&
+          type !== 'application/javascript'
+        ) {
+          return false;
+        }
+      }
+
+      return true;
+    },
   },
   {
     tag: 'source',
@@ -139,16 +152,19 @@ export default (options) =>
       isUrlRequest(value, root)
     );
     const getAttribute = (tag, attribute, attributes, resourcePath) => {
-      return attributeList.find(
-        (element) =>
-          (typeof element.tag === 'undefined' ||
-            (typeof element.tag !== 'undefined' &&
-              element.tag.toLowerCase() === tag.toLowerCase())) &&
-          element.attribute.toLowerCase() === attribute.toLowerCase() &&
-          (element.filter
-            ? element.filter(tag, attribute, attributes, resourcePath)
-            : true)
-      );
+      return attributeList.find((element) => {
+        const foundTag =
+          typeof element.tag === 'undefined' ||
+          (typeof element.tag !== 'undefined' &&
+            element.tag.toLowerCase() === tag.toLowerCase());
+        const foundAttribute =
+          element.attribute.toLowerCase() === attribute.toLowerCase();
+        const isNotFiltered = element.filter
+          ? element.filter(tag, attribute, attributes, resourcePath)
+          : true;
+
+        return foundTag && foundAttribute && isNotFiltered;
+      });
     };
     const { resourcePath } = options;
     const imports = new Map();

src/plugins/source-plugin.js

@@ -205,7 +205,7 @@ describe("'attributes' option", () => {
     expect(getErrors(stats)).toMatchSnapshot('errors');
   });
 
-  it('should handle all src attributes in all HTML tags except img (testing filter option) tag is undefined', async () => {
+  it('should handle all src attributes in all HTML tags except img tag (testing filter option)', async () => {
     const compiler = getCompiler('simple.js', {
       attributes: {
         list: [

test/__snapshots__/attributes-option.test.js.snap

@@ -0,0 +1,3 @@
+{
+  "color" : "red"
+}

test/__snapshots__/esModule-option.test.js.snap

@@ -0,0 +1 @@
+function test() {}

test/__snapshots__/loader.test.js.snap

@@ -221,6 +221,10 @@ <h2>An Ordered HTML List</h2>
 
 <script type="module" src="module.file.js"></script>
 <script nomodule src="fallback.file.js"></script>
+<script type="text/javascript" src="fallback.file.js"></script>
+<script type="application/javascript" src="fallback.file.js"></script>
+<script type="application/json" src="fallback.file.json"></script>
+<script type="text/x-handlebars-template" src="preprocessor.hbs"></script>
 <script type="module">
   function test() {}
 </script>