@shipstatic/drop 0.1.9 → 0.1.11

package/dist/index.d.cts

@@ -1,12 +1,10 @@
-import { StaticFile } from '@shipstatic/types';
 import { Ship, formatFileSize as formatFileSize$1 } from '@shipstatic/ship';
 
 /**
- * Core types for @shipstatic/dropzone
+ * Core types for @shipstatic/drop
  * Imports types from @shipstatic/types (single source of truth)
- * and defines dropzone-specific types
+ * and defines drop-specific types
  */
-
 declare const FILE_STATUSES: {
     readonly PENDING: "pending";
     readonly PROCESSING: "processing";
@@ -31,14 +29,20 @@ interface ClientError {
 }
 /**
  * Processed file entry ready for upload
- * Extends StaticFile from SDK, adding UI-specific properties
- * This means ProcessedFile IS a StaticFile - can be passed directly to ship.deployments.create()
+ * Contains both the File object and UI-specific metadata
+ * Use `file` property to access the underlying File for SDK operations
  */
-interface ProcessedFile extends StaticFile {
+interface ProcessedFile {
     /** Unique identifier for React keys and tracking */
     id: string;
-    /** Original File object (alias for 'content' from StaticFile for better DX) */
+    /** The File object - pass this to ship.deployments.create() */
     file: File;
+    /** Relative path for deployment (e.g., "images/photo.jpg") */
+    path: string;
+    /** File size in bytes */
+    size: number;
+    /** MD5 hash (optional - Ship SDK calculates during deployment if not provided) */
+    md5?: string;
     /** Filename without path */
     name: string;
     /** MIME type for UI icons/previews */
@@ -212,4 +216,9 @@ declare function normalizePath(path: string): string;
  */
 declare function isZipFile(file: File): boolean;
 
-export { type ClientError, type DropOptions, type DropReturn, type DropState, type DropStateValue, type DropStatus, FILE_STATUSES, type FileStatus, type ProcessedFile, type ZipExtractionResult, createProcessedFile, extractZipToFiles, formatFileSize, isZipFile, normalizePath, stripCommonPrefix, traverseFileTree, useDrop };
+/**
+ * Get MIME type from file path (browser-compatible, no Node.js dependencies)
+ */
+declare function getMimeType(path: string): string;
+
+export { type ClientError, type DropOptions, type DropReturn, type DropState, type DropStateValue, type DropStatus, FILE_STATUSES, type FileStatus, type ProcessedFile, type ZipExtractionResult, createProcessedFile, extractZipToFiles, formatFileSize, getMimeType, isZipFile, normalizePath, stripCommonPrefix, traverseFileTree, useDrop };

package/dist/index.d.ts

@@ -1,12 +1,10 @@
-import { StaticFile } from '@shipstatic/types';
 import { Ship, formatFileSize as formatFileSize$1 } from '@shipstatic/ship';
 
 /**
- * Core types for @shipstatic/dropzone
+ * Core types for @shipstatic/drop
  * Imports types from @shipstatic/types (single source of truth)
- * and defines dropzone-specific types
+ * and defines drop-specific types
  */
-
 declare const FILE_STATUSES: {
     readonly PENDING: "pending";
     readonly PROCESSING: "processing";
@@ -31,14 +29,20 @@ interface ClientError {
 }
 /**
  * Processed file entry ready for upload
- * Extends StaticFile from SDK, adding UI-specific properties
- * This means ProcessedFile IS a StaticFile - can be passed directly to ship.deployments.create()
+ * Contains both the File object and UI-specific metadata
+ * Use `file` property to access the underlying File for SDK operations
  */
-interface ProcessedFile extends StaticFile {
+interface ProcessedFile {
     /** Unique identifier for React keys and tracking */
     id: string;
-    /** Original File object (alias for 'content' from StaticFile for better DX) */
+    /** The File object - pass this to ship.deployments.create() */
     file: File;
+    /** Relative path for deployment (e.g., "images/photo.jpg") */
+    path: string;
+    /** File size in bytes */
+    size: number;
+    /** MD5 hash (optional - Ship SDK calculates during deployment if not provided) */
+    md5?: string;
     /** Filename without path */
     name: string;
     /** MIME type for UI icons/previews */
@@ -212,4 +216,9 @@ declare function normalizePath(path: string): string;
  */
 declare function isZipFile(file: File): boolean;
 
-export { type ClientError, type DropOptions, type DropReturn, type DropState, type DropStateValue, type DropStatus, FILE_STATUSES, type FileStatus, type ProcessedFile, type ZipExtractionResult, createProcessedFile, extractZipToFiles, formatFileSize, isZipFile, normalizePath, stripCommonPrefix, traverseFileTree, useDrop };
+/**
+ * Get MIME type from file path (browser-compatible, no Node.js dependencies)
+ */
+declare function getMimeType(path: string): string;
+
+export { type ClientError, type DropOptions, type DropReturn, type DropState, type DropStateValue, type DropStatus, FILE_STATUSES, type FileStatus, type ProcessedFile, type ZipExtractionResult, createProcessedFile, extractZipToFiles, formatFileSize, getMimeType, isZipFile, normalizePath, stripCommonPrefix, traverseFileTree, useDrop };

package/dist/index.js

@@ -11796,15 +11796,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,
@@ -11826,10 +11823,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 {
@@ -11840,7 +11847,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) {
@@ -12029,21 +12037,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);
             }
           }
@@ -12056,7 +12064,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) {
@@ -12090,7 +12103,6 @@ function useDrop(options) {
   }), [handleInputChange]);
   return {
     // State machine
-    // state, // REMOVED
     // Convenience getters (computed from state)
     phase: state.value,
     isProcessing,
@@ -12134,6 +12146,6 @@ mime-db/index.js:
    *)
 */
 
-export { FILE_STATUSES, createProcessedFile, extractZipToFiles, formatFileSize, isZipFile, normalizePath, stripCommonPrefix, traverseFileTree, useDrop };
+export { FILE_STATUSES, createProcessedFile, extractZipToFiles, formatFileSize, getMimeType, isZipFile, normalizePath, stripCommonPrefix, traverseFileTree, useDrop };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map