open source

Author: rikschennink

.babelrc

@@ -0,0 +1,15 @@
+{
+    "presets": [
+        ["@babel/preset-env", {
+            "exclude": ["transform-typeof-symbol"],
+            "modules": false,
+            "targets": {
+                "browsers": [
+                    "last 3 versions",
+                    "edge >= 12",
+                    "ie 11"
+                ]
+            }
+        }]
+    ]
+}

.gitattributes

@@ -0,0 +1 @@
+dist/* linguist-vendored=false

.gitignore

@@ -1 +1,2 @@
-npm-debug.log
+npm-debug.log
+node_modules/

README.md

@@ -5,3 +5,5 @@
 https://pqina.nl/filepond/docs/patterns/plugins/file-validate-size/
 
 The File Size Validation plugin is used to block files that are too large to upload. Set a maximum size for single files and a maximum size for all files.
+
+[Demo](https://pqina.github.io/filepond-plugin-file-validate-size/)

dist/filepond-plugin-file-validate-size.esm.js

@@ -1,11 +1,12 @@
-/*
- * FilePondPluginFileValidateSize 2.1.1
- * Licensed under MIT, https://opensource.org/licenses/MIT
- * Please visit https://pqina.nl/filepond for details.
+/*!
+ * FilePondPluginFileValidateSize 2.1.2
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
+ * Please visit https://pqina.nl/filepond/ for details.
  */
 
 /* eslint-disable */
-var plugin$1 = ({ addFilter, utils }) => {
+
+const plugin = ({ addFilter, utils }) => {
   // get quick reference to Type utils
   const { Type, replaceInString, toNaturalFileSize } = utils;
 
@@ -132,13 +133,13 @@ var plugin$1 = ({ addFilter, utils }) => {
   };
 };
 
+// fire pluginloaded event if running in browser, this allows registering the plugin when using async script tags
 const isBrowser =
   typeof window !== 'undefined' && typeof window.document !== 'undefined';
-
 if (isBrowser) {
   document.dispatchEvent(
-    new CustomEvent('FilePond:pluginloaded', { detail: plugin$1 })
+    new CustomEvent('FilePond:pluginloaded', { detail: plugin })
   );
 }
 
-export default plugin$1;
+export default plugin;

dist/filepond-plugin-file-validate-size.esm.min.js

@@ -1,29 +1,28 @@
-/*
- * FilePondPluginFileValidateSize 2.1.1
- * Licensed under MIT, https://opensource.org/licenses/MIT
- * Please visit https://pqina.nl/filepond for details.
+/*!
+ * FilePondPluginFileValidateSize 2.1.2
+ * Licensed under MIT, https://opensource.org/licenses/MIT/
+ * Please visit https://pqina.nl/filepond/ for details.
  */
 
 /* eslint-disable */
+
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined'
     ? (module.exports = factory())
     : typeof define === 'function' && define.amd
-      ? define(factory)
-      : (global.FilePondPluginFileValidateSize = factory());
+    ? define(factory)
+    : ((global = global || self),
+      (global.FilePondPluginFileValidateSize = factory()));
 })(this, function() {
   'use strict';
 
-  var plugin$1 = function(_ref) {
+  var plugin = function plugin(_ref) {
     var addFilter = _ref.addFilter,
       utils = _ref.utils;
-
     // get quick reference to Type utils
     var Type = utils.Type,
       replaceInString = utils.replaceInString,
-      toNaturalFileSize = utils.toNaturalFileSize;
-
-    // filtering if an item is allowed in hopper
+      toNaturalFileSize = utils.toNaturalFileSize; // filtering if an item is allowed in hopper
 
     addFilter('ALLOW_HOPPER_ITEM', function(file, _ref2) {
       var query = _ref2.query;
@@ -33,32 +32,33 @@
       }
 
       var sizeMax = query('GET_MAX_FILE_SIZE');
+
       if (sizeMax !== null && file.size >= sizeMax) {
         return false;
       }
 
       var sizeMin = query('GET_MIN_FILE_SIZE');
+
       if (sizeMin !== null && file.size <= sizeMin) {
         return false;
       }
 
       return true;
-    });
-
-    // called for each file that is loaded
+    }); // called for each file that is loaded
     // right before it is set to the item state
     // should return a promise
+
     addFilter('LOAD_FILE', function(file, _ref3) {
       var query = _ref3.query;
       return new Promise(function(resolve, reject) {
         // if not allowed, all fine, exit
         if (!query('GET_ALLOW_FILE_SIZE_VALIDATION')) {
           resolve(file);
           return;
-        }
+        } // reject or resolve based on file size
 
-        // reject or resolve based on file size
         var sizeMax = query('GET_MAX_FILE_SIZE');
+
         if (sizeMax !== null && file.size >= sizeMax) {
           reject({
             status: {
@@ -69,10 +69,10 @@
             }
           });
           return;
-        }
+        } // reject or resolve based on file size
 
-        // reject or resolve based on file size
         var sizeMin = query('GET_MIN_FILE_SIZE');
+
         if (sizeMin !== null && file.size <= sizeMin) {
           reject({
             status: {
@@ -83,10 +83,10 @@
             }
           });
           return;
-        }
+        } // returns the current option value
 
-        // returns the current option value
         var totalSizeMax = query('GET_MAX_TOTAL_FILE_SIZE');
+
         if (totalSizeMax !== null) {
           // get the current total file size
           var currentTotalSize = query('GET_ACTIVE_ITEMS').reduce(function(
@@ -95,9 +95,8 @@
           ) {
             return total + item.fileSize;
           },
-          0);
+          0); // get the size of the new file
 
-          // get the size of the new file
           if (currentTotalSize > totalSizeMax) {
             reject({
               status: {
@@ -109,34 +108,26 @@
             });
             return;
           }
-        }
+        } // file is fine, let's pass it back
 
-        // file is fine, let's pass it back
         resolve(file);
       });
     });
-
     return {
       options: {
         // Enable or disable file type validation
         allowFileSizeValidation: [true, Type.BOOLEAN],
-
         // Max individual file size in bytes
         maxFileSize: [null, Type.INT],
-
         // Min individual file size in bytes
         minFileSize: [null, Type.INT],
-
         // Max total file size in bytes
         maxTotalFileSize: [null, Type.INT],
-
         // error labels
         labelMinFileSizeExceeded: ['File is too small', Type.STRING],
         labelMinFileSize: ['Minimum file size is {filesize}', Type.STRING],
-
         labelMaxFileSizeExceeded: ['File is too large', Type.STRING],
         labelMaxFileSize: ['Maximum file size is {filesize}', Type.STRING],
-
         labelMaxTotalFileSizeExceeded: [
           'Maximum total size exceeded',
           Type.STRING
@@ -147,16 +138,18 @@
         ]
       }
     };
-  };
+  }; // fire pluginloaded event if running in browser, this allows registering the plugin when using async script tags
 
   var isBrowser =
     typeof window !== 'undefined' && typeof window.document !== 'undefined';
 
   if (isBrowser) {
     document.dispatchEvent(
-      new CustomEvent('FilePond:pluginloaded', { detail: plugin$1 })
+      new CustomEvent('FilePond:pluginloaded', {
+        detail: plugin
+      })
     );
   }
 
-  return plugin$1;
+  return plugin;
 });

dist/filepond-plugin-file-validate-size.js

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>FilePond Plugin File Validate Size Demo</title>
+    <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet">
+</head>
+<body>
+
+    <input type="file"/>
+    
+    <script src="./dist/filepond-plugin-file-validate-size.js"></script>
+    <script src="https://unpkg.com/filepond/dist/filepond.js"></script>
+    
+    <script>
+        // Register the plugin with FilePond
+        FilePond.registerPlugin(FilePondPluginFileValidateSize);
+
+        // Get a reference to the file input element
+        const inputElement = document.querySelector('input[type="file"]');
+
+        // Create the FilePond instance
+        const pond = FilePond.create(inputElement, {
+            maxFileSize: '100KB'
+        });
+    </script>
+
+</body>
+</html>