@shipstatic/drop 0.3.1 → 0.3.2

package/dist/index.cjs

@@ -10063,7 +10063,7 @@ function useDrop(options) {
   const isDragging = state.value === "dragging";
   const isInteractive = state.value === "idle" || state.value === "dragging" || state.value === "ready";
   const hasError = state.value === "error";
-  const validFiles = react.useMemo(() => state.files.filter((f) => f.status === "ready"), [state.files]);
+  const validFiles = react.useMemo(() => state.files.filter((f) => f.status === FILE_STATUSES.READY), [state.files]);
   const getFilesForUpload = react.useCallback(() => {
     return validFiles.map((f) => f.file);
   }, [validFiles]);
@@ -10134,8 +10134,37 @@ function useDrop(options) {
       }));
       const processedFiles = cleanFiles.map((file) => createProcessedFile(file));
       const finalFiles = stripPrefix ? stripCommonPrefix(processedFiles) : processedFiles;
+      if (finalFiles.length > 0) {
+        const hasIndexHtml = needsBuild ? finalFiles.some((f) => f.path === "index.html" || f.path.endsWith("/index.html")) : finalFiles.some((f) => f.path === "index.html");
+        if (!hasIndexHtml) {
+          const message = needsBuild ? "No index.html found \u2014 every web project needs an index.html entry point" : "No index.html at root \u2014 the entry point must be in the top-level directory";
+          const filesWithStatus2 = finalFiles.map((f) => ({
+            ...f,
+            status: FILE_STATUSES.VALIDATION_FAILED,
+            statusMessage: message
+          }));
+          setState({
+            value: "error",
+            files: filesWithStatus2,
+            sourceName: detectedSourceName,
+            needsBuild,
+            status: {
+              title: "Validation Failed",
+              details: message,
+              errors: [message]
+            }
+          });
+          onValidationError?.({
+            error: "Validation Failed",
+            details: message,
+            errors: [message],
+            isClientError: true
+          });
+          return;
+        }
+      }
       if (needsBuild) {
-        const filesWithStatus2 = finalFiles.map((f) => ({ ...f, status: "ready" }));
+        const filesWithStatus2 = finalFiles.map((f) => ({ ...f, status: FILE_STATUSES.READY }));
         setState({
           value: "ready",
           files: filesWithStatus2,
@@ -10196,7 +10225,7 @@ function useDrop(options) {
           }
         });
         onFilesReady?.(filesWithStatus.filter(
-          (f, idx) => validation.files[idx]?.status === "ready"
+          (f, idx) => validation.files[idx]?.status === FILE_STATUSES.READY
         ));
       } else {
         const hasOnlyWarnings = validation.errors.length === 0 && validation.warnings.length > 0;