@shipstatic/drop 0.1.9 → 0.1.11

package/README.md

@@ -85,9 +85,8 @@ function MyUploader() {
   });
 
   const handleUpload = async () => {
-    const validFiles = drop.getValidFiles();
     // ProcessedFile extends StaticFile - no conversion needed!
-    await ship.deployments.create(validFiles.map(f => f.file));
+    await ship.deployments.create(drop.validFiles.map(f => f.file));
   };
 
   return (
@@ -126,7 +125,7 @@ function MyUploader() {
         onClick={handleUpload}
         disabled={drop.phase !== 'ready'}
       >
-        Upload {drop.getValidFiles().length} files
+        Upload {drop.validFiles.length} files
       </button>
     </div>
   );
@@ -277,7 +276,7 @@ interface DropReturn {
 
   // Helpers
   /** Get only valid files ready for upload */
-  getValidFiles: () => ProcessedFile[];
+  validFiles: ProcessedFile[];
   /** Update upload state for a specific file (status, progress, message) */
   updateFileStatus: (fileId: string, state: {
     status: FileStatus;
@@ -628,7 +627,7 @@ All errors are surfaced at the per-file level:
 - Processing errors (e.g., ZIP extraction failures) are marked with `status: 'processing_error'`
 - Validation failures are marked with `status: 'validation_failed'`
 - The `statusMessage` always contains specific error details
-- Failed files are excluded from `getValidFiles()` and cannot be deployed
+- Failed files are excluded from `validFiles` and cannot be deployed
 - No silent failures - all errors are visible to users
 
 See the [Error Handling](#error-handling) section for examples of displaying per-file errors in your UI.

package/dist/index.cjs

@@ -11798,15 +11798,12 @@ async function createProcessedFile(file, options) {
   const path = options?.path || (webkitPath && webkitPath.trim() ? webkitPath : file.name);
   const type = file.type || getMimeType(path);
   return {
-    // StaticFile properties (SDK compatibility)
+    // ProcessedFile properties
     // Note: md5 is intentionally undefined - Ship SDK will calculate it during deployment
-    content: file,
-    path,
-    size: file.size,
-    // ProcessedFile-specific properties (UI functionality)
     id: crypto.randomUUID(),
     file,
-    // Keep as alias for better DX
+    path,
+    size: file.size,
     name: path.split("/").pop() || file.name,
     type,
     lastModified: file.lastModified,
@@ -11828,10 +11825,20 @@ function stripCommonPrefix(files) {
   }
   if (commonDepth === 0) return files;
   const prefix = segments.slice(0, commonDepth).join("/") + "/";
-  return files.map((f) => ({
-    ...f,
-    path: f.path.startsWith(prefix) ? f.path.slice(prefix.length) : f.path
-  }));
+  return files.map((f) => {
+    const newPath = f.path.startsWith(prefix) ? f.path.slice(prefix.length) : f.path;
+    if (f.file) {
+      Object.defineProperty(f.file, "webkitRelativePath", {
+        value: newPath,
+        writable: false,
+        configurable: true
+      });
+    }
+    return {
+      ...f,
+      path: newPath
+    };
+  });
 }
 async function traverseFileTree(entry, files, currentPath = "") {
   try {
@@ -11842,7 +11849,8 @@ async function traverseFileTree(entry, files, currentPath = "") {
       const relativePath = currentPath ? `${currentPath}/${file.name}` : file.name;
       Object.defineProperty(file, "webkitRelativePath", {
         value: relativePath,
-        writable: false
+        writable: false,
+        configurable: true
       });
       files.push(file);
     } else if (entry.isDirectory) {
@@ -12031,21 +12039,21 @@ function useDrop(options) {
     e.preventDefault();
     const items = Array.from(e.dataTransfer.items);
     const files = [];
-    let hasEntries = false;
+    const entriesToTraverse = [];
     for (const item of items) {
       if (item.kind === "file") {
         try {
           const entry = item.webkitGetAsEntry?.();
-          if (entry) {
-            hasEntries = true;
-            await traverseFileTree(
-              entry,
-              files,
-              entry.isDirectory ? entry.name : ""
-            );
+          if (entry && entry.isDirectory) {
+            entriesToTraverse.push({ entry, path: entry.name });
           } else {
             const file = item.getAsFile();
             if (file) {
+              Object.defineProperty(file, "webkitRelativePath", {
+                value: file.name,
+                writable: false,
+                configurable: true
+              });
               files.push(file);
             }
           }
@@ -12058,7 +12066,12 @@ function useDrop(options) {
         }
       }
     }
-    if (!hasEntries && e.dataTransfer.files.length > 0) {
+    if (entriesToTraverse.length > 0) {
+      await Promise.all(entriesToTraverse.map(
+        (item) => traverseFileTree(item.entry, files, item.path)
+      ));
+    }
+    if (files.length === 0 && e.dataTransfer.files.length > 0) {
       files.push(...Array.from(e.dataTransfer.files));
     }
     if (files.length > 0) {
@@ -12092,7 +12105,6 @@ function useDrop(options) {
   }), [handleInputChange]);
   return {
     // State machine
-    // state, // REMOVED
     // Convenience getters (computed from state)
     phase: state.value,
     isProcessing,
@@ -12140,6 +12152,7 @@ exports.FILE_STATUSES = FILE_STATUSES;
 exports.createProcessedFile = createProcessedFile;
 exports.extractZipToFiles = extractZipToFiles;
 exports.formatFileSize = formatFileSize;
+exports.getMimeType = getMimeType;
 exports.isZipFile = isZipFile;
 exports.normalizePath = normalizePath;
 exports.stripCommonPrefix = stripCommonPrefix;