Merge pull request #4 from thecodejack/attr_es_issue

Attr es issue

Author: thecodejack

package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-file-dropzone",
-  "version": "0.0.11",
+  "version": "0.0.12-beta.0",
   "description": "Svelte component for fileupload and file dropzone",
   "svelte": "src/index.js",
   "module": "dist/index.mjs",
@@ -18,7 +18,6 @@
   "author": "thecodejack",
   "license": "MIT",
   "dependencies": {
-    "attr-accept": "^2.2.2",
     "file-selector": "^0.2.2"
   },
   "devDependencies": {

src/utils/attr-accept.js

@@ -0,0 +1,33 @@
+/**
+ * Check if the provided file type should be accepted by the input with accept attribute.
+ * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input#attr-accept
+ *
+ * Inspired by https://github.com/enyo/dropzone
+ *
+ * @param file {File} https://developer.mozilla.org/en-US/docs/Web/API/File
+ * @param acceptedFiles {string}
+ * @returns {boolean}
+ */
+
+export default function(file, acceptedFiles) {
+  if (file && acceptedFiles) {
+    const acceptedFilesArray = Array.isArray(acceptedFiles)
+      ? acceptedFiles
+      : acceptedFiles.split(",");
+    const fileName = file.name || "";
+    const mimeType = (file.type || "").toLowerCase();
+    const baseMimeType = mimeType.replace(/\/.*$/, "");
+
+    return acceptedFilesArray.some((type) => {
+      const validType = type.trim().toLowerCase();
+      if (validType.charAt(0) === ".") {
+        return fileName.toLowerCase().endsWith(validType);
+      } else if (validType.endsWith("/*")) {
+        // This is something like a image/* mime type
+        return baseMimeType === validType.replace(/\/.*$/, "");
+      }
+      return mimeType === validType;
+    });
+  }
+  return true;
+}

src/utils/index.js

@@ -1,4 +1,4 @@
-import accepts from "attr-accept";
+import accepts from "./attr-accept";
 
 // Error codes
 export const FILE_INVALID_TYPE = "file-invalid-type";