fixed bulk-drop importing of costumes

HISTORY.md

@@ -45,6 +45,7 @@
 
 ### 2022-04-26
 * gui: distinguish between embedded blocks code and raw data in PNGs
+* morphic: fixed bulk-drop of images
 
 ### 2022-04-25
 * morphic, gui, objects, extensions: renamed "embeddedCode" property of costumes to "embeddedData"

snap.html

@@ -13,7 +13,7 @@
         <meta name="apple-mobile-web-app-title" content="Snap!">
         <meta name="msapplication-TileImage" content="img/snap-icon-144.png">
         <meta name="msapplication-TileColor" content="#FFFFFF">
-        <script src="src/morphic.js?version=2022-04-25"></script>
+        <script src="src/morphic.js?version=2022-04-26"></script>
         <script src="src/symbols.js?version=2021-03-03"></script>
         <script src="src/widgets.js?version=2021-17-09"></script>
         <script src="src/blocks.js?version=2022-04-22"></script>

src/morphic.js

@@ -1307,7 +1307,7 @@
 
 /*jshint esversion: 11, bitwise: false*/
 
-var morphicVersion = '2022-April-25';
+var morphicVersion = '2022-April-26';
 var modules = {}; // keep track of additional loaded modules
 var useBlurredShadows = true;
 
@@ -11746,8 +11746,6 @@ HandMorph.prototype.processDrop = function (event) {
     function readImage(aFile) {
         var pic = new Image(),
             frd = new FileReader(),
-            url = event.dataTransfer?.getData( "text/uri-list"),
-            file = event.dataTransfer?.files?.[0],
             trg = target,
             embedTag = MorphicPreferences.pngPayloadMarker;
 
@@ -11756,18 +11754,10 @@ HandMorph.prototype.processDrop = function (event) {
         }
                 
         pic.onload = () => {
-            canvas = newCanvas(new Point(pic.width, pic.height), true);
-            canvas.getContext('2d').drawImage(pic, 0, 0);
-
             (async () => {
-                if (!file && url) {
-                    // alternative: "https://api.allorigins.win/raw?url=" + url
-                    file = await fetch(url);
-                }
-
                 // extract embedded data (e.g. blocks)
-                // from the image's meta data if present.
+                // from the image's metadata if present
-                var buff = new Uint8Array(await file?.arrayBuffer()),
+                var buff = new Uint8Array(await aFile?.arrayBuffer()),
                     strBuff = buff.reduce((acc, b) =>
                         acc + String.fromCharCode(b), ""),
                     embedded;
@@ -11781,7 +11771,8 @@ HandMorph.prototype.processDrop = function (event) {
                         console.log(err);
                     }
                 }
-
+                canvas = newCanvas(new Point(pic.width, pic.height), true);
+                canvas.getContext('2d').drawImage(pic, 0, 0);
                 trg.droppedImage(canvas, aFile.name, embedded);
                 bulkDrop();
             })();