@byteship/react 0.1.0

package/dist/index.d.ts

@@ -0,0 +1,99 @@
+import type { ByteshipClient, ByteshipUploadManyOptions, ByteshipUploadManyResult, ByteshipUploadOptions } from "@byteship/js";
+export type UploadState = {
+    error?: undefined;
+    fileId?: undefined;
+    fileIds?: undefined;
+    progress?: undefined;
+    status: "idle";
+} | {
+    error?: undefined;
+    fileId?: undefined;
+    fileIds?: undefined;
+    progress: number;
+    status: "uploading";
+} | {
+    error?: undefined;
+    fileId: string;
+    fileIds?: undefined;
+    progress?: undefined;
+    status: "ready";
+} | {
+    error?: undefined;
+    fileId?: undefined;
+    fileIds: string[];
+    progress?: undefined;
+    status: "ready";
+} | {
+    error: Error;
+    fileId?: undefined;
+    fileIds?: undefined;
+    progress?: undefined;
+    status: "error";
+};
+export declare function useByteshipUpload(client: ByteshipClient, defaultOptions?: ByteshipUploadOptions): {
+    upload: (file: File, options?: ByteshipUploadOptions) => Promise<{
+        byteSize: number;
+        etag?: string | null | undefined;
+        id: string;
+        status: "uploading" | "ready" | "pending" | "failed" | "deleted";
+    }>;
+    uploadMany: (files: Iterable<File>, options?: ByteshipUploadManyOptions) => Promise<ByteshipUploadManyResult[]>;
+    error?: undefined;
+    fileId?: undefined;
+    fileIds?: undefined;
+    progress?: undefined;
+    status: "idle";
+} | {
+    upload: (file: File, options?: ByteshipUploadOptions) => Promise<{
+        byteSize: number;
+        etag?: string | null | undefined;
+        id: string;
+        status: "uploading" | "ready" | "pending" | "failed" | "deleted";
+    }>;
+    uploadMany: (files: Iterable<File>, options?: ByteshipUploadManyOptions) => Promise<ByteshipUploadManyResult[]>;
+    error?: undefined;
+    fileId?: undefined;
+    fileIds?: undefined;
+    progress: number;
+    status: "uploading";
+} | {
+    upload: (file: File, options?: ByteshipUploadOptions) => Promise<{
+        byteSize: number;
+        etag?: string | null | undefined;
+        id: string;
+        status: "uploading" | "ready" | "pending" | "failed" | "deleted";
+    }>;
+    uploadMany: (files: Iterable<File>, options?: ByteshipUploadManyOptions) => Promise<ByteshipUploadManyResult[]>;
+    error?: undefined;
+    fileId: string;
+    fileIds?: undefined;
+    progress?: undefined;
+    status: "ready";
+} | {
+    upload: (file: File, options?: ByteshipUploadOptions) => Promise<{
+        byteSize: number;
+        etag?: string | null | undefined;
+        id: string;
+        status: "uploading" | "ready" | "pending" | "failed" | "deleted";
+    }>;
+    uploadMany: (files: Iterable<File>, options?: ByteshipUploadManyOptions) => Promise<ByteshipUploadManyResult[]>;
+    error?: undefined;
+    fileId?: undefined;
+    fileIds: string[];
+    progress?: undefined;
+    status: "ready";
+} | {
+    upload: (file: File, options?: ByteshipUploadOptions) => Promise<{
+        byteSize: number;
+        etag?: string | null | undefined;
+        id: string;
+        status: "uploading" | "ready" | "pending" | "failed" | "deleted";
+    }>;
+    uploadMany: (files: Iterable<File>, options?: ByteshipUploadManyOptions) => Promise<ByteshipUploadManyResult[]>;
+    error: Error;
+    fileId?: undefined;
+    fileIds?: undefined;
+    progress?: undefined;
+    status: "error";
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EACd,yBAAyB,EACzB,wBAAwB,EACxB,qBAAqB,EAEtB,MAAM,cAAc,CAAA;AAGrB,MAAM,MAAM,WAAW,GACnB;IACE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;CACf,GACD;IACE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,MAAM,EAAE,WAAW,CAAA;CACpB,GACD;IACE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,OAAO,CAAA;CAChB,GACD;IACE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,OAAO,CAAA;CAChB,GACD;IACE,KAAK,EAAE,KAAK,CAAA;IACZ,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,OAAO,CAAA;CAChB,CAAA;AAEL,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,cAAc,EACtB,cAAc,GAAE,qBAA0B;mBAK3B,IAAI,YAAW,qBAAqB;;;;;;wBAqCxC,QAAQ,CAAC,IAAI,CAAC,YACZ,yBAAyB,KACjC,OAAO,CAAC,wBAAwB,EAAE,CAAC;YAjF5B,SAAS;aACR,SAAS;cACR,SAAS;eACR,SAAS;YACZ,MAAM;;mBAsCH,IAAI,YAAW,qBAAqB;;;;;;wBAqCxC,QAAQ,CAAC,IAAI,CAAC,YACZ,yBAAyB,KACjC,OAAO,CAAC,wBAAwB,EAAE,CAAC;YA1E5B,SAAS;aACR,SAAS;cACR,SAAS;cACT,MAAM;YACR,WAAW;;mBA+BR,IAAI,YAAW,qBAAqB;;;;;;wBAqCxC,QAAQ,CAAC,IAAI,CAAC,YACZ,yBAAyB,KACjC,OAAO,CAAC,wBAAwB,EAAE,CAAC;YAnE5B,SAAS;YACT,MAAM;cACJ,SAAS;eACR,SAAS;YACZ,OAAO;;mBAwBJ,IAAI,YAAW,qBAAqB;;;;;;wBAqCxC,QAAQ,CAAC,IAAI,CAAC,YACZ,yBAAyB,KACjC,OAAO,CAAC,wBAAwB,EAAE,CAAC;YA5D5B,SAAS;aACR,SAAS;aACT,MAAM,EAAE;eACN,SAAS;YACZ,OAAO;;mBAiBJ,IAAI,YAAW,qBAAqB;;;;;;wBAqCxC,QAAQ,CAAC,IAAI,CAAC,YACZ,yBAAyB,KACjC,OAAO,CAAC,wBAAwB,EAAE,CAAC;WArD7B,KAAK;aACH,SAAS;cACR,SAAS;eACR,SAAS;YACZ,OAAO;EAuHpB"}

package/dist/index.js

@@ -0,0 +1,91 @@
+import { useCallback, useState } from "react";
+export function useByteshipUpload(client, defaultOptions = {}) {
+    const [state, setState] = useState({ status: "idle" });
+    const upload = useCallback(async (file, options = {}) => {
+        setState({ progress: 0, status: "uploading" });
+        try {
+            const uploadOptions = withProgressHandler(defaultOptions, options, (progress) => {
+                setState({
+                    progress: progress.percent,
+                    status: "uploading",
+                });
+            });
+            const uploaded = await client.upload(file, {
+                ...uploadOptions,
+            });
+            setState({
+                fileId: uploaded.id,
+                status: "ready",
+            });
+            return uploaded;
+        }
+        catch (error) {
+            const normalized = error instanceof Error ? error : new Error("Upload failed");
+            setState({
+                error: normalized,
+                status: "error",
+            });
+            throw normalized;
+        }
+    }, [client, defaultOptions]);
+    const uploadMany = useCallback(async (files, options = {}) => {
+        setState({ progress: 0, status: "uploading" });
+        try {
+            const fileList = Array.from(files);
+            const loadedByIndex = new Map();
+            const totalBytes = fileList.reduce((total, file) => total + file.size, 0);
+            const results = await client.uploadMany(fileList, {
+                ...defaultOptions,
+                ...options,
+                onFileProgress: (progress) => {
+                    defaultOptions.onProgress?.(progress);
+                    options.onFileProgress?.(progress);
+                    loadedByIndex.set(progress.index, progress.loaded);
+                    const loaded = Array.from(loadedByIndex.values()).reduce((total, value) => total + value, 0);
+                    setState({
+                        progress: totalBytes > 0 ? Math.min(100, (loaded / totalBytes) * 100) : 0,
+                        status: "uploading",
+                    });
+                },
+            });
+            const failures = results.filter((result) => result.status === "rejected");
+            if (failures.length > 0) {
+                const error = new Error(`${failures.length} upload${failures.length === 1 ? "" : "s"} failed`);
+                setState({
+                    error,
+                    status: "error",
+                });
+                throw error;
+            }
+            setState({
+                fileIds: results.flatMap((result) => result.result ? [result.result.id] : []),
+                status: "ready",
+            });
+            return results;
+        }
+        catch (error) {
+            const normalized = error instanceof Error ? error : new Error("Uploads failed");
+            setState({
+                error: normalized,
+                status: "error",
+            });
+            throw normalized;
+        }
+    }, [client, defaultOptions]);
+    return {
+        ...state,
+        upload,
+        uploadMany,
+    };
+}
+function withProgressHandler(defaultOptions, options, onProgress) {
+    return {
+        ...defaultOptions,
+        ...options,
+        onProgress: (progress) => {
+            defaultOptions.onProgress?.(progress);
+            options.onProgress?.(progress);
+            onProgress(progress);
+        },
+    };
+}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@byteship/react",
+  "version": "0.1.0",
+  "description": "React upload hooks for Byteship.",
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "bun run --cwd ../sdk-js build && tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@byteship/js": "^0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "latest",
+    "react": "latest"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  }
+}