@muhgholy/next-drive 0.1.2 → 1.0.2

package/README.md

@@ -61,8 +61,9 @@ export const drive = driveConfiguration({
 	information: async (req): Promise<TDriveConfigInformation> => {
 		// Implement your auth verification here
 		const auth = await verifyAuth(req);
+		if (!auth) throw new Error("Unauthenticated");
 		return {
-			key: auth ? { userId: auth.userId } : null,
+			key: { userId: auth.userId },
 			storage: { quotaInBytes: 1024 * 1024 * 1024 }, // 1GB limit
 		};
 	},
@@ -73,15 +74,16 @@ export const drive = driveConfiguration({
 
 Set up the API route handler that `next-drive` will use to communicate with the client.
 
-```typescript
-// pages/api/drive.ts (Pages Router)
-// or app/api/drive/route.ts (App Router)
+**Important:** The API route must be in the `pages` folder (Pages Router) for Next.js to handle the request properly.
 
-import { drive } from "@/lib/drive";
+```typescript
+// pages/api/drive.ts
+import "@/lib/drive";
 import { driveAPIHandler } from "@muhgholy/next-drive/server";
+import type { NextApiRequest, NextApiResponse } from "next";
 
-export default function handler(req, res) {
-	return driveAPIHandler(drive, req, res);
+export default async function handler(req: NextApiRequest, res: NextApiResponse) {
+	return driveAPIHandler(req, res);
 }
 ```
 
@@ -125,6 +127,24 @@ function MyForm() {
 }
 ```
 
+**Zod Validation:**
+
+You can use the exported `driveFileSchemaZod` to validate file data in your forms or API routes.
+
+```typescript
+import { z } from "zod";
+import { driveFileSchemaZod } from "@muhgholy/next-drive/client";
+
+// Use in your form schema
+const myFormSchema = z.object({
+	asset: driveFileSchemaZod,
+	title: z.string(),
+	description: z.string().optional(),
+});
+
+type MyFormData = z.infer<typeof myFormSchema>;
+```
+
 ## Key Capabilities
 
 ### Server-Side File Access

package/dist/client/index.d.ts

@@ -1,5 +1,7 @@
 import React, { ReactNode } from 'react';
-import { l as TDrivePathItem, d as TDatabaseDrive, m as TDriveQuota, i as TDriveAPIResponse, n as TDriveUploadState, e as TDriveFile } from '../index-DE7-rwJm.js';
+import { l as TDrivePathItem, d as TDatabaseDrive, m as TDriveQuota, i as TDriveAPIResponse, n as TDriveUploadState, e as TDriveFile } from '../index-CIbbTroj.js';
+export { o as driveFileSchemaZod } from '../index-CIbbTroj.js';
+import 'zod';
 
 type TDriveContext = {
     apiEndpoint: string;
@@ -111,11 +113,6 @@ declare const DriveUpload: (props: Readonly<{
     onComplete?: (item: unknown) => void;
 }>) => React.JSX.Element;
 
-declare const DriveFilePreview: (props: Readonly<{
-    item: TDatabaseDrive;
-    onClose: () => void;
-}>) => React.JSX.Element | null;
-
 declare const DriveStorageIndicator: (props: Readonly<{
     compact?: boolean;
     className?: string;
@@ -125,4 +122,4 @@ declare const DriveHeader: () => React.JSX.Element;
 
 declare const DriveSidebar: () => React.JSX.Element;
 
-export { DriveExplorer, DriveFileChooser, DriveFilePreview, DriveHeader, DrivePathBar, DriveProvider, DriveSidebar, DriveStorageIndicator, DriveUpload, type TDriveContext, TDriveFile, useDrive, useUpload };
+export { DriveExplorer, DriveFileChooser, DriveHeader, DrivePathBar, DriveProvider, DriveSidebar, DriveStorageIndicator, DriveUpload, type TDriveContext, TDriveFile, useDrive, useUpload };