@susonwaiba/react-media-uploader 0.1.1 → 0.1.3

package/src/lib/media-helper.ts

@@ -1,119 +1,153 @@
-import { type Media, MediaTypeEnum } from "@/types/media";
-import axios, { type AxiosProgressEvent } from "axios";
-
-export const imageMimeTypes = [
-  "image/webp",
-  "image/gif",
-  "image/png",
-  "image/jpeg",
-  "image/jpg",
-];
-
-export async function generateMediaType(file: File): Promise<MediaTypeEnum> {
-  if (imageMimeTypes.includes(file.type)) {
-    return MediaTypeEnum.IMAGE;
-  }
-  if (file.type === "application/pdf") {
-    return MediaTypeEnum.PDF;
-  }
-  return MediaTypeEnum.OTHER;
-}
-
-export async function generateFileHash(
-  file: File,
-  algorithm = "sha-1",
-): Promise<string> {
-  const arrayBuffer = await file.arrayBuffer();
-  const hashBuffer = await crypto.subtle.digest(algorithm, arrayBuffer);
-  const hashArray = Array.from(new Uint8Array(hashBuffer));
-  const hexHash = hashArray
-    .map((b) => b.toString(16).padStart(2, "0"))
-    .join("");
-  return hexHash;
-}
-
-export const defaultHeaders = {
-  "Content-Type": "application/json",
-};
-
-export interface GenerateUploadUrlProps {
-  media: Partial<Media>;
-}
-
-export async function generateUploadUrl({ media }: GenerateUploadUrlProps) {
-  const res = await axios.post("/api/media/generate-upload-url", media, {
-    headers: defaultHeaders,
-  });
-  return res;
-}
-
-export interface UploadToStorageProps {
-  sasUrl: string;
-  file: File;
-  onUploadProgress?: (progressEvent: AxiosProgressEvent) => void;
-  abortController?: AbortController;
-}
-
-export async function uploadToStorage({
-  sasUrl,
-  file,
-  onUploadProgress,
-  abortController,
-}: UploadToStorageProps) {
-  const res = await axios.put(sasUrl, file, {
-    headers: {
-      "x-ms-blob-type": "BlockBlob",
-      "Content-Type": file.type,
-    },
-    onUploadProgress: onUploadProgress,
-    signal: abortController ? abortController?.signal : undefined,
-  });
-  return res;
-}
-
-export interface MarkMediaAsTempProps {
-  mediaIds: (string | number)[];
-}
-
-export async function markMediaAsTemp({ mediaIds }: MarkMediaAsTempProps) {
-  const res = await axios.post(
-    `/api/media/mark-media-as-temp`,
-    { mediaIds },
-    {
-      headers: defaultHeaders,
-    },
-  );
-  return res;
-}
-
-export interface MarkMediaAsActiveProps {
-  mediaIds: (string | number)[];
-}
-
-export async function markMediaAsActive({ mediaIds }: MarkMediaAsActiveProps) {
-  const res = await axios.post(
-    `/api/media/mark-media-as-active`,
-    { mediaIds },
-    {
-      headers: defaultHeaders,
-    },
-  );
-  return res;
-}
-
-export interface MarkMediaAsCanceledProps {
-  mediaIds: (string | number)[];
-}
-
-export async function markMediaAsCanceled({
-  mediaIds,
-}: MarkMediaAsActiveProps) {
-  const res = await axios.post(
-    `/api/media/mark-media-as-canceled`,
-    [mediaIds],
-    {
-      headers: defaultHeaders,
-    },
-  );
-  return res;
-}
+import { type Media, MediaTypeEnum } from "@/types/media";
+import axios, { type AxiosProgressEvent } from "axios";
+
+export const imageMimeTypes = [
+  "image/webp",
+  "image/gif",
+  "image/png",
+  "image/jpeg",
+  "image/jpg",
+];
+
+export async function generateMediaType(file: File): Promise<MediaTypeEnum> {
+  if (imageMimeTypes.includes(file.type)) {
+    return MediaTypeEnum.IMAGE;
+  }
+  if (file.type === "application/pdf") {
+    return MediaTypeEnum.PDF;
+  }
+  return MediaTypeEnum.OTHER;
+}
+
+export async function generateFileHash(
+  file: File,
+  algorithm = "sha-1",
+): Promise<string> {
+  const arrayBuffer = await file.arrayBuffer();
+  const hashBuffer = await crypto.subtle.digest(algorithm, arrayBuffer);
+  const hashArray = Array.from(new Uint8Array(hashBuffer));
+  const hexHash = hashArray
+    .map((b) => b.toString(16).padStart(2, "0"))
+    .join("");
+  return hexHash;
+}
+
+export const defaultHeaders = {
+  "Content-Type": "application/json",
+};
+
+export interface GenerateUploadUrlProps {
+  url?: string;
+  additionalHeaders?: Record<string, string>;
+  media: Partial<Media>;
+}
+
+export async function generateUploadUrl({
+  url,
+  additionalHeaders,
+  media,
+}: GenerateUploadUrlProps) {
+  const res = await axios.post(url ?? "/api/media/generate-upload-url", media, {
+    headers: {
+      ...defaultHeaders,
+      ...additionalHeaders,
+    },
+  });
+  return res;
+}
+
+export interface UploadToStorageProps {
+  uploadUrl: string;
+  file: File;
+  onUploadProgress?: (progressEvent: AxiosProgressEvent) => void;
+  abortController?: AbortController;
+}
+
+export async function uploadToStorage({
+  uploadUrl,
+  file,
+  onUploadProgress,
+  abortController,
+}: UploadToStorageProps) {
+  const res = await axios.put(uploadUrl, file, {
+    headers: {
+      "x-ms-blob-type": "BlockBlob",
+      "Content-Type": file.type,
+    },
+    onUploadProgress: onUploadProgress,
+    signal: abortController ? abortController?.signal : undefined,
+  });
+  return res;
+}
+
+export interface MarkMediaAsTempProps {
+  url?: string;
+  additionalHeaders?: Record<string, string>;
+  mediaIds: (string | number)[];
+}
+
+export async function markMediaAsTemp({
+  url,
+  additionalHeaders,
+  mediaIds,
+}: MarkMediaAsTempProps) {
+  const res = await axios.post(
+    url ?? `/api/media/mark-media-as-temp`,
+    { mediaIds },
+    {
+      headers: {
+        ...defaultHeaders,
+        ...additionalHeaders,
+      },
+    },
+  );
+  return res;
+}
+
+export interface MarkMediaAsActiveProps {
+  url?: string;
+  additionalHeaders?: Record<string, string>;
+  mediaIds: (string | number)[];
+}
+
+export async function markMediaAsActive({
+  url,
+  additionalHeaders,
+  mediaIds,
+}: MarkMediaAsActiveProps) {
+  const res = await axios.post(
+    url ?? `/api/media/mark-media-as-active`,
+    { mediaIds },
+    {
+      headers: {
+        ...defaultHeaders,
+        ...additionalHeaders,
+      },
+    },
+  );
+  return res;
+}
+
+export interface MarkMediaAsCanceledProps {
+  url?: string;
+  additionalHeaders?: Record<string, string>;
+  mediaIds: (string | number)[];
+}
+
+export async function markMediaAsCanceled({
+  url,
+  additionalHeaders,
+  mediaIds,
+}: MarkMediaAsActiveProps) {
+  const res = await axios.post(
+    url ?? `/api/media/mark-media-as-canceled`,
+    [mediaIds],
+    {
+      headers: {
+        ...defaultHeaders,
+        ...additionalHeaders,
+      },
+    },
+  );
+  return res;
+}

package/src/types/media.ts

@@ -1,47 +1,47 @@
-export enum MediaTypeEnum {
-  IMAGE = "IMAGE",
-  PDF = "PDF",
-  DOCS = "DOCS",
-  OTHER = "OTHER",
-}
-
-export enum MediaStatusEnum {
-  INIT = "INIT",
-  TEMP = "TEMP",
-  ACTIVE = "ACTIVE",
-  INACTIVE = "INACTIVE",
-  CANCELED = "CANCELED",
-  DELETED = "DELETED",
-}
-
-export interface Media {
-  id: string | number;
-  type: MediaTypeEnum;
-  status: MediaStatusEnum;
-  title: string;
-  description?: string;
-  name: string;
-  dir: string;
-  path: string;
-  provider: string;
-  container?: string;
-  mimeType?: string;
-  size?: number;
-  height?: number;
-  width?: number;
-  duration?: number;
-  tags?: string[];
-  checksum?: string;
-  createdAt?: Date | string;
-  updatedAt?: Date | string;
-  deletedAt?: Date | string;
-}
-
-export interface MediaItem {
-  localId: string;
-  name: string;
-  multiple?: boolean;
-  file: File;
-  tempPreviewUrl?: string;
-  media: Partial<Media>;
-}
+export enum MediaTypeEnum {
+  IMAGE = "IMAGE",
+  PDF = "PDF",
+  DOCS = "DOCS",
+  OTHER = "OTHER",
+}
+
+export enum MediaStatusEnum {
+  INIT = "INIT",
+  TEMP = "TEMP",
+  ACTIVE = "ACTIVE",
+  INACTIVE = "INACTIVE",
+  CANCELED = "CANCELED",
+  DELETED = "DELETED",
+}
+
+export interface Media {
+  id: string | number;
+  type: MediaTypeEnum;
+  status: MediaStatusEnum;
+  title: string;
+  description?: string;
+  name: string;
+  dir: string;
+  path: string;
+  provider: string;
+  container?: string;
+  mimeType?: string;
+  size?: number;
+  height?: number;
+  width?: number;
+  duration?: number;
+  tags?: string[];
+  checksum?: string;
+  createdAt?: Date | string;
+  updatedAt?: Date | string;
+  deletedAt?: Date | string;
+}
+
+export interface MediaItem {
+  localId: string;
+  name: string;
+  multiple?: boolean;
+  file: File;
+  tempPreviewUrl?: string;
+  media: Partial<Media>;
+}

package/tsconfig.json

@@ -1,19 +1,19 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ESNext",
-    "jsx": "react-jsx",
-    "declaration": true,
-    "emitDeclarationOnly": false,
-    "outDir": "dist",
-    "rootDir": "src",
-    "moduleResolution": "Bundler",
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist"]
-}
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "ESNext",
+    "jsx": "react-jsx",
+    "declaration": true,
+    "emitDeclarationOnly": false,
+    "outDir": "dist",
+    "rootDir": "src",
+    "moduleResolution": "Bundler",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}