self.crypto.randomUUID is not a function

[aamasri]

Describe the bug
The package throws "TypeError: self.crypto.randomUUID is not a function" in unsecure (e.g. http://localhost) environments. This prevents the package form working in development

To Reproduce
Simply instantiating a dropzone:
const myDropzone = new Dropzone(target):

Browser / OS:

• Latest Chrome, Firefox (on Mac Sonoma 14.6.1)

Suggested solution
Provide a polyfill for self.crypto.randomUUID for insecure environments (and older browsers). e.g.

if (typeof crypto.randomUUID !== 'function') {
  crypto.randomUUID = function() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
      var r = Math.random() * 16 | 0,
          v = c === 'x' ? r : (r & 0x3 | 0x8);
      return v.toString(16);
    });
  };
}

[NicolasCARPi]

Hello,

localhost is not insecure.

Locally-delivered resources such as those with http://127.0.0.1 URLs, http://localhost and http://*.localhost URLs (e.g. http://dev.whatever.localhost/), and file:// URLs are also considered to have been delivered securely.

source

So the behavior you observe is surprising.

Furthermore, a fallback was added in #24 and then refined in #27. These changes are simply not yet published in a stable version.

[aamasri]

Thank you for maintaining this important package. I see that I have added a duplicate issue.

For your information, in development, we use a virtual host setup to map various projects to localhost and browsers are treating these virtual hosts as insecure when not served over HTTPS.

[NicolasCARPi]

I've release 7.2.0 with these changes ;)

[aamasri]

Amazing! Thank you.