@muhgholy/next-drive 1.0.2 → 1.1.1

package/dist/client/styles.css

@@ -0,0 +1,71 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+    :root {
+        --background: 0 0% 100%;
+        --foreground: 222.2 84% 4.9%;
+
+        --card: 0 0% 100%;
+        --card-foreground: 222.2 84% 4.9%;
+
+        --popover: 0 0% 100%;
+        --popover-foreground: 222.2 84% 4.9%;
+
+        --primary: 222.2 47.4% 11.2%;
+        --primary-foreground: 210 40% 98%;
+
+        --secondary: 210 40% 96.1%;
+        --secondary-foreground: 222.2 47.4% 11.2%;
+
+        --muted: 210 40% 96.1%;
+        --muted-foreground: 215.4 16.3% 46.9%;
+
+        --accent: 210 40% 96.1%;
+        --accent-foreground: 222.2 47.4% 11.2%;
+
+        --destructive: 0 84.2% 60.2%;
+        --destructive-foreground: 210 40% 98%;
+
+        --border: 214.3 31.8% 91.4%;
+        --input: 214.3 31.8% 91.4%;
+        --ring: 222.2 84% 4.9%;
+
+        --radius: 0.5rem;
+    }
+
+    .dark {
+        --background: 222.2 84% 4.9%;
+        --foreground: 210 40% 98%;
+
+        --card: 222.2 84% 4.9%;
+        --card-foreground: 210 40% 98%;
+
+        --popover: 222.2 84% 4.9%;
+        --popover-foreground: 210 40% 98%;
+
+        --primary: 210 40% 98%;
+        --primary-foreground: 222.2 47.4% 11.2%;
+
+        --secondary: 217.2 32.6% 17.5%;
+        --secondary-foreground: 210 40% 98%;
+
+        --muted: 217.2 32.6% 17.5%;
+        --muted-foreground: 215 20.2% 65.1%;
+
+        --accent: 217.2 32.6% 17.5%;
+        --accent-foreground: 210 40% 98%;
+
+        --destructive: 0 62.8% 30.6%;
+        --destructive-foreground: 210 40% 98%;
+
+        --border: 217.2 32.6% 17.5%;
+        --input: 217.2 32.6% 17.5%;
+        --ring: 212.7 26.8% 83.9%;
+    }
+
+    * {
+        border-color: hsl(var(--border));
+    }
+}

package/dist/{index-CIbbTroj.d.ts → index-C4pw1JjP.d.ts}

@@ -65,6 +65,8 @@ type TDriveFile = {
         size: number;
     };
 };
+type TImageQuality = 'ultralow' | 'low' | 'medium' | 'high' | 'normal';
+type TImageFormat = 'webp' | 'jpeg' | 'png';
 declare const driveFileSchemaZod: z.ZodObject<{
     id: z.ZodString;
     file: z.ZodObject<{
@@ -116,4 +118,4 @@ type TDriveUploadState = {
     error?: string;
 };
 
-export { type TDatabaseDriveProvider as T, type TDatabaseDriveMetadata as a, type TDatabaseDriveInformation as b, type TDatabaseDriveStatus as c, type TDatabaseDrive as d, type TDriveFile as e, type TDatabaseDriveMetadataFile as f, type TDatabaseDriveMetadataFolder as g, type TDriveAction as h, type TDriveAPIResponse as i, type TDriveThumbnailSize as j, type TDriveImageQuality as k, type TDrivePathItem as l, type TDriveQuota as m, type TDriveUploadState as n, driveFileSchemaZod as o };
+export { type TDatabaseDriveProvider as T, type TDatabaseDriveMetadata as a, type TDatabaseDriveInformation as b, type TDatabaseDriveStatus as c, type TDatabaseDrive as d, type TDriveFile as e, type TImageQuality as f, type TImageFormat as g, type TDatabaseDriveMetadataFile as h, type TDatabaseDriveMetadataFolder as i, type TDriveAction as j, type TDriveAPIResponse as k, type TDriveThumbnailSize as l, type TDriveImageQuality as m, type TDrivePathItem as n, type TDriveQuota as o, type TDriveUploadState as p, driveFileSchemaZod as q };

package/dist/server/index.d.ts

@@ -1,7 +1,7 @@
 import { NextApiRequest, NextApiResponse } from 'next';
 import { Readable } from 'stream';
-import { T as TDatabaseDriveProvider, a as TDatabaseDriveMetadata, b as TDatabaseDriveInformation, c as TDatabaseDriveStatus, d as TDatabaseDrive } from '../index-CIbbTroj.js';
-export { f as TDatabaseDriveMetadataFile, g as TDatabaseDriveMetadataFolder, i as TDriveAPIResponse, h as TDriveAction, e as TDriveFile, k as TDriveImageQuality, j as TDriveThumbnailSize } from '../index-CIbbTroj.js';
+import { T as TDatabaseDriveProvider, a as TDatabaseDriveMetadata, b as TDatabaseDriveInformation, c as TDatabaseDriveStatus, d as TDatabaseDrive, e as TDriveFile, f as TImageQuality, g as TImageFormat } from '../index-C4pw1JjP.js';
+export { h as TDatabaseDriveMetadataFile, i as TDatabaseDriveMetadataFolder, k as TDriveAPIResponse, j as TDriveAction, m as TDriveImageQuality, l as TDriveThumbnailSize } from '../index-C4pw1JjP.js';
 import { Document, Types } from 'mongoose';
 import { z } from 'zod';
 
@@ -142,6 +142,15 @@ declare const driveFileSchemaZod: z.ZodObject<{
     };
 }>;
 
+declare const driveCreateUrl: (driveFile: TDriveFile, apiEndpoint: string, options?: {
+    quality?: TImageQuality;
+    format?: TImageFormat;
+}) => string;
+declare const driveCreateSrcSet: (driveFile: TDriveFile, apiEndpoint: string, format?: TImageFormat) => {
+    srcSet: string;
+    sizes: string;
+};
+
 declare const driveAPIHandler: (req: NextApiRequest, res: NextApiResponse) => Promise<void>;
 
-export { TDatabaseDrive, TDatabaseDriveInformation, TDatabaseDriveMetadata, TDatabaseDriveProvider, TDatabaseDriveStatus, type TDriveConfigInformation, type TDriveConfiguration, type TDriveDatabase, type TDriveImageConfig, type TDriveSecurityConfig, type TDriveStorageConfig, driveAPIHandler, driveConfiguration, driveFilePath, driveFileSchemaZod, driveGetUrl, driveReadFile, getDriveConfig, getDriveInformation };
+export { TDatabaseDrive, TDatabaseDriveInformation, TDatabaseDriveMetadata, TDatabaseDriveProvider, TDatabaseDriveStatus, type TDriveConfigInformation, type TDriveConfiguration, type TDriveDatabase, TDriveFile, type TDriveImageConfig, type TDriveSecurityConfig, type TDriveStorageConfig, TImageFormat, TImageQuality, driveAPIHandler, driveConfiguration, driveCreateSrcSet, driveCreateUrl, driveFilePath, driveFileSchemaZod, driveGetUrl, driveReadFile, getDriveConfig, getDriveInformation };

package/dist/server/index.js

@@ -942,6 +942,37 @@ var driveFilePath = async (file) => {
   throw new Error(`Unsupported provider: ${providerType}`);
 };
 
+// src/client/utils.tsx
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+import { File, Folder, Image, Video, Music, FileText, FileCode, FileArchive } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+var driveCreateUrl = (driveFile, apiEndpoint, options) => {
+  const params = new URLSearchParams({
+    action: "serve",
+    id: driveFile.id
+  });
+  if (options?.quality) params.set("q", options.quality);
+  if (options?.format) params.set("format", options.format);
+  return `${apiEndpoint}?${params.toString()}`;
+};
+var driveCreateSrcSet = (driveFile, apiEndpoint, format = "webp") => {
+  const qualities = ["ultralow", "low", "medium", "high"];
+  const qualityWidthMap = {
+    ultralow: 200,
+    low: 400,
+    medium: 800,
+    high: 1200,
+    normal: 1600
+  };
+  const srcSet = qualities.map((quality) => {
+    const url = driveCreateUrl(driveFile, apiEndpoint, { quality, format });
+    return `${url} ${qualityWidthMap[quality]}w`;
+  }).join(", ");
+  const sizes = "(max-width: 320px) 200px, (max-width: 480px) 400px, (max-width: 768px) 800px, 1200px";
+  return { srcSet, sizes };
+};
+
 // src/server/index.ts
 var getProvider = async (req, owner) => {
   const accountId = req.headers["x-drive-account"];
@@ -1404,6 +1435,8 @@ var driveAPIHandler = async (req, res) => {
 export {
   driveAPIHandler,
   driveConfiguration,
+  driveCreateSrcSet,
+  driveCreateUrl,
   driveFilePath,
   driveFileSchemaZod,
   driveGetUrl,