@lvce-editor/virtual-dom 4.1.0 → 5.0.0

package/dist/index.js

@@ -648,7 +648,7 @@ const acquire = id => {
   return promise;
 };
 const getFileHandles = async ids => {
-  const promises = ids.map(id => acquire(id));
+  const promises = ids.map(acquire);
   const handles = await Promise.all(promises);
   return handles;
 };
@@ -691,7 +691,7 @@ const applyDragInfoMaybe = event => {
       }
     } else {
       for (const item of dragInfo.items) {
-        dataTransfer.items.add(item.data, item.data);
+        dataTransfer.items.add(item.data, item.type);
       }
       if (dragInfo.label) {
         setDragImage(dataTransfer, dragInfo.label);
@@ -714,9 +714,49 @@ const enabled = () => {
   return ignore;
 };
 
+const unwrapItemString = async item => {
+  const {
+    resolve,
+    promise
+  } = Promise.withResolvers();
+  item.getAsString(resolve);
+  const value = await promise;
+  return {
+    kind: 'string',
+    type: item.type,
+    value
+  };
+};
+const unwrapItemFile = async item => {
+  // @ts-ignore
+  const file = await item.getAsFileSystemHandle();
+  return {
+    kind: 'file',
+    type: item.type,
+    value: file
+  };
+};
+const unknownItem = {
+  kind: 'unknown',
+  type: '',
+  value: ''
+};
+const unwrapItem = item => {
+  switch (item.kind) {
+    case 'file':
+      return unwrapItemFile(item);
+    case 'string':
+      return unwrapItemString(item);
+    default:
+      return unknownItem;
+  }
+};
 const handleDataTransferFiles = event => {
+  if (!event.dataTransfer) {
+    return [];
+  }
   const items = [...event.dataTransfer.items];
-  const promises = items.map(item => item.getAsFileSystemHandle());
+  const promises = items.map(unwrapItem);
   const ids = promises.map(promise => add(promise));
   return ids;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/virtual-dom",
-  "version": "4.1.0",
+  "version": "5.0.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/lvce-editor/virtual-dom.git"