@shipstatic/drop 2.10.3 → 2.10.4-beta.10

package/dist/index.cjs

@@ -182,6 +182,35 @@ function hasUnbuiltMarker(filePath2) {
   const segments = filePath2.replace(/\\/g, "/").split("/").filter(Boolean);
   return segments.some((s) => UNBUILT_PROJECT_MARKERS.has(s));
 }
+var BILLING_RETURNS = {
+  checkout: ["upgrading", "true"],
+  portal: ["billing", "returned"]
+};
+var marker = (kind) => BILLING_RETURNS[kind].join("=");
+function consolePaths(account) {
+  const base = "";
+  const at = (path) => `${base}${path}`;
+  return {
+    dashboard: () => "/",
+    newSite: () => at("/new"),
+    deployments: Object.assign(() => at("/deployments"), {
+      upload: () => at("/deployments/upload")
+    }),
+    domains: Object.assign(() => at("/domains"), {
+      connect: (domain) => at(`/domains/${domain}/connect`),
+      deployment: (domain) => at(`/domains/${domain}/deployment`)
+    }),
+    settings: (fragment) => at(fragment ? `/settings#${fragment}` : "/settings"),
+    /** Settings, marked as the landing of a Stripe Customer Portal return. */
+    settingsAfterBilling: () => at(`/settings?${marker("portal")}`),
+    upgrade: (plan) => at(plan ? `/upgrade/${plan}` : "/upgrade"),
+    success: () => at("/success"),
+    /** The success page, marked as the landing of a Stripe Checkout return. */
+    successAfterCheckout: () => at(`/success?${marker("checkout")}`),
+    apiKey: () => at("/api-key")
+  };
+}
+`https://my.shipstatic.com${consolePaths().apiKey()}`;
 var FileValidationStatus = {
   /** File is pending validation */
   PENDING: "pending",
@@ -1081,7 +1110,7 @@ var initialState = {
 };
 function useDrop({ ship }) {
   const [state, setState] = react.useState(initialState);
-  const isProcessingRef = react.useRef(false);
+  const runRef = react.useRef(null);
   const folderInputRef = react.useRef(null);
   const filesInputRef = react.useRef(null);
   const isProcessing = state.phase === "processing";
@@ -1092,24 +1121,40 @@ function useDrop({ ship }) {
     [state.files]
   );
   const getFilesForUpload = react.useCallback(() => validFiles.map((f) => f.file), [validFiles]);
-  const processFiles2 = react.useCallback(
-    async (newFiles) => {
-      if (isProcessingRef.current) {
+  const prepare = react.useCallback(
+    async (collect) => {
+      if (runRef.current) {
         console.warn("File processing already in progress. Ignoring duplicate call.");
         return;
       }
-      if (!newFiles || newFiles.length === 0) return;
-      isProcessingRef.current = true;
+      const run = new AbortController();
+      runRef.current = run;
       setState({
         ...initialState,
         phase: "processing",
         status: { title: "Processing...", details: "Validating and preparing files." }
       });
       try {
-        const outcome = await processFiles(newFiles, {
-          limits: await ship.getLimits(),
+        const [files, limits] = await Promise.all([
+          collect(),
+          ship.getLimits({ signal: run.signal })
+        ]);
+        if (run.signal.aborted) return;
+        if (files.length === 0) {
+          setState({
+            ...initialState,
+            phase: "error",
+            status: { title: "Empty Folder", details: "It has no files to deploy." }
+          });
+          return;
+        }
+        const outcome = await processFiles(files, {
+          limits,
+          // The pipeline says its status before its first wait, so a
+          // cancelled run has none left to say.
           onStatus: (status) => setState((prev) => ({ ...prev, status }))
         });
+        if (run.signal.aborted) return;
         setState({
           phase: outcome.phase,
           isDragging: false,
@@ -1118,15 +1163,33 @@ function useDrop({ ship }) {
           status: outcome.status,
           needsBuild: outcome.needsBuild
         });
+      } catch (error) {
+        if (run.signal.aborted) return;
+        setState({
+          ...initialState,
+          phase: "error",
+          status: {
+            title: "Processing Failed",
+            details: error instanceof Error ? error.message : String(error)
+          }
+        });
       } finally {
-        isProcessingRef.current = false;
+        if (runRef.current === run) runRef.current = null;
       }
     },
     [ship]
   );
+  const processFiles2 = react.useCallback(
+    async (newFiles) => {
+      if (!newFiles || newFiles.length === 0) return;
+      await prepare(async () => newFiles);
+    },
+    [prepare]
+  );
   const reset = react.useCallback(() => {
+    runRef.current?.abort();
+    runRef.current = null;
     setState(initialState);
-    isProcessingRef.current = false;
   }, []);
   const handleDragOver = react.useCallback((e) => {
     e.preventDefault();
@@ -1161,13 +1224,13 @@ function useDrop({ ship }) {
           if (file) files.push(file);
         }
       }
-      await Promise.all(directories.map((d) => traverseFileTree(d.entry, files, d.path)));
-      if (files.length === 0 && e.dataTransfer.files.length > 0) {
-        files.push(...Array.from(e.dataTransfer.files));
-      }
-      if (files.length > 0) await processFiles2(files);
+      if (directories.length === 0 && files.length === 0) return;
+      await prepare(async () => {
+        await Promise.all(directories.map((d) => traverseFileTree(d.entry, files, d.path)));
+        return files;
+      });
     },
-    [processFiles2]
+    [prepare]
   );
   const handleInputChange = react.useCallback(
     (e) => {