@shipstatic/drop 0.3.0 → 0.3.2

package/dist/index.cjs

@@ -9384,7 +9384,7 @@ var require_mime_db = __commonJS({
   }
 });
 
-// node_modules/.pnpm/@shipstatic+types@0.7.5/node_modules/@shipstatic/types/dist/index.js
+// node_modules/.pnpm/@shipstatic+types@0.7.7/node_modules/@shipstatic/types/dist/index.js
 var ErrorType;
 (function(ErrorType2) {
   ErrorType2["Validation"] = "validation_failed";
@@ -9406,6 +9406,14 @@ var ErrorType;
 function isShipError(error) {
   return error !== null && typeof error === "object" && "name" in error && error.name === "ShipError" && "status" in error;
 }
+var UNBUILT_PROJECT_MARKERS = /* @__PURE__ */ new Set([
+  "node_modules",
+  "package.json"
+]);
+function hasUnbuiltMarker(filePath) {
+  const segments = filePath.replace(/\\/g, "/").split("/").filter(Boolean);
+  return segments.some((s) => UNBUILT_PROJECT_MARKERS.has(s));
+}
 var FileValidationStatus = {
   /** File is pending validation */
   PENDING: "pending",
@@ -10023,6 +10031,9 @@ async function traverseFileTree(entry, files, currentPath = "") {
       };
       await readEntriesBatch();
       for (const childEntry of allEntries) {
+        if (childEntry.isDirectory && childEntry.name === "node_modules") {
+          continue;
+        }
         const entryPath = childEntry.isDirectory ? currentPath ? `${currentPath}/${childEntry.name}` : childEntry.name : currentPath;
         await traverseFileTree(childEntry, files, entryPath);
       }
@@ -10035,7 +10046,8 @@ var initialState = {
   value: "idle",
   files: [],
   sourceName: "",
-  status: null
+  status: null,
+  needsBuild: false
 };
 function useDrop(options) {
   const {
@@ -10051,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]);
@@ -10068,7 +10080,8 @@ function useDrop(options) {
       value: "processing",
       files: [],
       sourceName: "",
-      status: { title: "Processing...", details: "Validating and preparing files." }
+      status: { title: "Processing...", details: "Validating and preparing files." },
+      needsBuild: false
     });
     let detectedSourceName = "";
     try {
@@ -10102,8 +10115,18 @@ function useDrop(options) {
         const webkitPath = f.webkitRelativePath;
         return webkitPath && webkitPath.trim() ? webkitPath : f.name;
       };
-      const filePaths = allFiles.map(getFilePath);
-      const validPaths = new Set(ship.filterJunk(filePaths));
+      let filePaths = allFiles.map(getFilePath);
+      const needsBuild = filePaths.some((p) => hasUnbuiltMarker(p));
+      if (needsBuild) {
+        const filtered = allFiles.filter((f) => {
+          const segments = getFilePath(f).replace(/\\/g, "/").split("/");
+          return !segments.includes("node_modules");
+        });
+        allFiles.length = 0;
+        allFiles.push(...filtered);
+        filePaths = allFiles.map(getFilePath);
+      }
+      const validPaths = new Set(ship.filterJunk(filePaths, { allowUnbuilt: needsBuild }));
       const cleanFiles = allFiles.filter((f) => validPaths.has(getFilePath(f)));
       setState((prev) => ({
         ...prev,
@@ -10111,6 +10134,47 @@ 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: FILE_STATUSES.READY }));
+        setState({
+          value: "ready",
+          files: filesWithStatus2,
+          sourceName: detectedSourceName,
+          needsBuild: true,
+          status: { title: "Ready", details: `${filesWithStatus2.length} file(s) ready \u2014 project will be built` }
+        });
+        onFilesReady?.(filesWithStatus2);
+        return;
+      }
       const validatableFiles = finalFiles.map((f) => ({
         name: f.path,
         // Use full path to match server-side validation
@@ -10131,6 +10195,7 @@ function useDrop(options) {
           value: "error",
           files: filesWithStatus,
           sourceName: detectedSourceName,
+          needsBuild: false,
           status: {
             title: "Validation Failed",
             details: `${validation.errors.length} file(s) failed validation`,
@@ -10152,6 +10217,7 @@ function useDrop(options) {
           value: "ready",
           files: filesWithStatus,
           sourceName: detectedSourceName,
+          needsBuild: false,
           status: {
             title: "Ready",
             details,
@@ -10159,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;
@@ -10168,6 +10234,7 @@ function useDrop(options) {
             value: "ready",
             files: filesWithStatus,
             sourceName: detectedSourceName,
+            needsBuild: false,
             status: {
               title: "All files excluded",
               details: `${validation.warnings.length} file(s) excluded (empty files cannot be deployed)`,
@@ -10185,6 +10252,7 @@ function useDrop(options) {
             value: "error",
             files: filesWithStatus,
             sourceName: detectedSourceName,
+            needsBuild: false,
             status: { title: noValidError.error, details: noValidError.details }
           });
           onValidationError?.(noValidError);
@@ -10203,6 +10271,7 @@ function useDrop(options) {
         value: "error",
         files: [],
         sourceName: detectedSourceName,
+        needsBuild: false,
         status: {
           title: clientError.error,
           details: clientError.details,
@@ -10326,6 +10395,7 @@ function useDrop(options) {
     files: state.files,
     sourceName: state.sourceName,
     status: state.status,
+    needsBuild: state.needsBuild,
     // Primary API: Prop getters
     getDropzoneProps,
     getInputProps,