@shipstatic/drop 2.0.0-beta.3 → 2.0.0-beta.7

package/dist/index.d.cts

@@ -1,6 +1,6 @@
 import { PlatformLimits } from '@shipstatic/types';
-import { P as ProcessedFile, D as DropStatus } from './useDrop-Bmjfjp_o.cjs';
-export { a as DropOptions, b as DropPhase, c as DropReturn, d as DropzonePropsOptions, u as useDrop } from './useDrop-Bmjfjp_o.cjs';
+import { P as ProcessedFile, D as DropStatus } from './useDrop-C43AHhf8.cjs';
+export { a as DropInputProps, b as DropOptions, c as DropPhase, d as DropReturn, e as DropzonePropsOptions, f as PickerMode, u as useDrop } from './useDrop-C43AHhf8.cjs';
 import '@shipstatic/ship';
 
 interface ProcessFilesOptions {

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { PlatformLimits } from '@shipstatic/types';
-import { P as ProcessedFile, D as DropStatus } from './useDrop-Bmjfjp_o.js';
-export { a as DropOptions, b as DropPhase, c as DropReturn, d as DropzonePropsOptions, u as useDrop } from './useDrop-Bmjfjp_o.js';
+import { P as ProcessedFile, D as DropStatus } from './useDrop-C43AHhf8.js';
+export { a as DropInputProps, b as DropOptions, c as DropPhase, d as DropReturn, e as DropzonePropsOptions, f as PickerMode, u as useDrop } from './useDrop-C43AHhf8.js';
 import '@shipstatic/ship';
 
 interface ProcessFilesOptions {

package/dist/index.js

@@ -2,10 +2,16 @@ import { filterJunk, pluralize, validateFiles, optimizeDeployPaths } from '@ship
 import { useState, useRef, useMemo, useCallback } from 'react';
 
 // src/process.ts
-
-// node_modules/.pnpm/@shipstatic+types@2.2.1-beta.0/node_modules/@shipstatic/types/dist/index.js
 var ErrorType = {
-  /** Validation failed (400). Input shape is wrong. */
+  /**
+   * Validation failed. Input shape is wrong.
+   *
+   * Carries 400 when an API judged it — including a client-side pre-check of a
+   * rule the server enforces too, which keeps the error identical wherever it
+   * was caught. **Statusless** when a client rejects something no API judges,
+   * such as a CLI's own command grammar: `status` is documented "(API
+   * contexts)" on `ErrorResponse`, so there is none to report.
+   */
   Validation: "validation_failed",
   /** Resource not found (404). */
   NotFound: "not_found",
@@ -38,6 +44,90 @@ new Set(Object.values(ErrorType).filter((t) => !CLIENT_ONLY_ERROR_TYPES.has(t)))
 function isShipError(error) {
   return error !== null && typeof error === "object" && "name" in error && error.name === "ShipError" && "status" in error;
 }
+var WEB_FILE_EXTENSIONS = [
+  // Markup & documents
+  "html",
+  "htm",
+  "xhtml",
+  "xml",
+  "txt",
+  "md",
+  "markdown",
+  "pdf",
+  "csv",
+  // Data & config
+  "json",
+  "jsonc",
+  "webmanifest",
+  "map",
+  "toml",
+  "yaml",
+  "yml",
+  "rss",
+  "atom",
+  // Styles
+  "css",
+  "scss",
+  "sass",
+  "less",
+  // Scripts & modules
+  "js",
+  "mjs",
+  "cjs",
+  "jsx",
+  "ts",
+  "tsx",
+  "wasm",
+  "vue",
+  "svelte",
+  // Images
+  "png",
+  "jpg",
+  "jpeg",
+  "gif",
+  "webp",
+  "avif",
+  "svg",
+  "ico",
+  "bmp",
+  "tif",
+  "tiff",
+  "heic",
+  "heif",
+  // Fonts
+  "woff",
+  "woff2",
+  "ttf",
+  "otf",
+  "eot",
+  // Audio
+  "mp3",
+  "wav",
+  "ogg",
+  "oga",
+  "opus",
+  "m4a",
+  "aac",
+  "flac",
+  "weba",
+  // Video
+  "mp4",
+  "webm",
+  "ogv",
+  "mov",
+  "m4v",
+  "avi",
+  // 3D models
+  "glb",
+  "gltf",
+  "usdz",
+  // Text tracks
+  "vtt",
+  "srt",
+  // Archive — a whole site in one file
+  "zip"
+];
+var WEB_FILE_ACCEPT = WEB_FILE_EXTENSIONS.map((ext) => `.${ext}`).join(",");
 var UNBUILT_PROJECT_MARKERS = /* @__PURE__ */ new Set([
   "node_modules",
   "package.json"
@@ -946,7 +1036,8 @@ var initialState = {
 function useDrop({ ship }) {
   const [state, setState] = useState(initialState);
   const isProcessingRef = useRef(false);
-  const inputRef = useRef(null);
+  const folderInputRef = useRef(null);
+  const filesInputRef = useRef(null);
   const isProcessing = state.phase === "processing";
   const hasError = state.phase === "error";
   const isInteractive = state.phase === "idle" || state.phase === "ready";
@@ -1040,8 +1131,15 @@ function useDrop({ ship }) {
     },
     [processFiles2]
   );
-  const open = useCallback(() => {
-    inputRef.current?.click();
+  const open = useCallback((mode) => {
+    const input = mode === "files" ? filesInputRef.current : folderInputRef.current;
+    if (!input) {
+      console.warn(
+        `No ${mode === "files" ? "files" : "folder"} input is mounted. Spread getInputProps('${mode === "files" ? "files" : "folder"}') onto an <input> to open this picker.`
+      );
+      return;
+    }
+    input.click();
   }, []);
   const getDropzoneProps = useCallback(
     (options) => {
@@ -1050,18 +1148,20 @@ function useDrop({ ship }) {
         onDragOver: handleDragOver,
         onDragLeave: handleDragLeave,
         onDrop: handleDrop,
-        ...clickable && { onClick: open }
+        // Wrapped rather than passed by reference: `open` takes a mode, and a
+        // click handler would hand it a MouseEvent.
+        ...clickable && { onClick: () => open() }
       };
     },
     [handleDragOver, handleDragLeave, handleDrop, open]
   );
   const getInputProps = useCallback(
-    () => ({
-      ref: inputRef,
+    (mode) => ({
+      ref: mode === "files" ? filesInputRef : folderInputRef,
       type: "file",
       style: { display: "none" },
       multiple: true,
-      webkitdirectory: "",
+      ...mode === "files" ? { accept: WEB_FILE_ACCEPT } : { webkitdirectory: "" },
       onChange: handleInputChange
     }),
     [handleInputChange]