@thetechfossil/upfiles 1.0.3 → 1.0.5

package/dist/index.d.mts

@@ -135,6 +135,7 @@ type UploaderProps = {
     fetchThumbnails?: boolean;
     autoRecordToDb?: boolean;
     recordUrl?: string;
+    autoUpload?: boolean;
 };
 declare const Uploader: React.FC<UploaderProps>;
 

package/dist/index.d.ts

@@ -135,6 +135,7 @@ type UploaderProps = {
     fetchThumbnails?: boolean;
     autoRecordToDb?: boolean;
     recordUrl?: string;
+    autoUpload?: boolean;
 };
 declare const Uploader: React.FC<UploaderProps>;
 

package/dist/index.js

@@ -192,7 +192,7 @@ var UpfilesClient = class {
 };
 
 // src/Uploader.tsx
-var import_react = require("react");
+var import_react = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var Uploader = ({
   clientOptions,
@@ -213,7 +213,8 @@ var Uploader = ({
   folderPath,
   fetchThumbnails,
   autoRecordToDb = false,
-  recordUrl = "/api/files"
+  recordUrl = "/api/files",
+  autoUpload = false
 }) => {
   const inputRef = (0, import_react.useRef)(null);
   const client = (0, import_react.useMemo)(() => new UpfilesClient(clientOptions ?? {}), [clientOptions]);
@@ -364,6 +365,14 @@ var Uploader = ({
       setIsUploading(false);
     }
   }, [files, onComplete, onError, uploadOne]);
+  import_react.default.useEffect(() => {
+    if (autoUpload && files.some((f2) => f2.status === "pending") && !isUploading) {
+      const timer = setTimeout(() => {
+        uploadAll();
+      }, 100);
+      return () => clearTimeout(timer);
+    }
+  }, [autoUpload, files, isUploading, uploadAll]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "input",
@@ -1167,6 +1176,7 @@ function ImageManager(props) {
               maxFiles,
               autoRecordToDb,
               fetchThumbnails,
+              autoUpload: true,
               onClientUploadComplete: (file) => {
                 if (file.status === "success" && file.publicUrl && file.fileKey) {
                   const newItem = {

package/dist/index.mjs

@@ -143,7 +143,7 @@ var UpfilesClient = class {
 };
 
 // src/Uploader.tsx
-import { useCallback, useMemo, useRef, useState } from "react";
+import React, { useCallback, useMemo, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Uploader = ({
   clientOptions,
@@ -164,7 +164,8 @@ var Uploader = ({
   folderPath,
   fetchThumbnails,
   autoRecordToDb = false,
-  recordUrl = "/api/files"
+  recordUrl = "/api/files",
+  autoUpload = false
 }) => {
   const inputRef = useRef(null);
   const client = useMemo(() => new UpfilesClient(clientOptions ?? {}), [clientOptions]);
@@ -315,6 +316,14 @@ var Uploader = ({
       setIsUploading(false);
     }
   }, [files, onComplete, onError, uploadOne]);
+  React.useEffect(() => {
+    if (autoUpload && files.some((f2) => f2.status === "pending") && !isUploading) {
+      const timer = setTimeout(() => {
+        uploadAll();
+      }, 100);
+      return () => clearTimeout(timer);
+    }
+  }, [autoUpload, files, isUploading, uploadAll]);
   return /* @__PURE__ */ jsxs("div", { className, children: [
     /* @__PURE__ */ jsx(
       "input",
@@ -1118,6 +1127,7 @@ function ImageManager(props) {
               maxFiles,
               autoRecordToDb,
               fetchThumbnails,
+              autoUpload: true,
               onClientUploadComplete: (file) => {
                 if (file.status === "success" && file.publicUrl && file.fileKey) {
                   const newItem = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thetechfossil/upfiles",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Lightweight client and React components for Upfiles Plugin API (presigned S3)",
   "license": "MIT",
   "author": "UpFiles",
@@ -42,4 +42,4 @@
     "tsup": "^8.3.0",
     "typescript": "^5.6.2"
   }
-}
+}