@plugable-io/react 0.0.12 → 0.0.13

package/dist/index.d.mts

@@ -122,6 +122,7 @@ interface UseFilesOptions {
     orderBy?: 'created_at' | 'name' | 'byte_size';
     orderDirection?: 'asc' | 'desc';
     staleTime?: number;
+    date?: string;
 }
 interface UseFilesResult {
     files: FileObject[];
@@ -136,7 +137,7 @@ interface UseFilesResult {
     setPage: (page: number) => void;
     refresh: () => Promise<void>;
 }
-declare function useFiles({ metadata, startPage, perPage, mediaType, autoLoad, orderBy, orderDirection, staleTime, }?: UseFilesOptions): UseFilesResult;
+declare function useFiles({ metadata, startPage, perPage, mediaType, autoLoad, orderBy, orderDirection, staleTime, date, }?: UseFilesOptions): UseFilesResult;
 
 interface ThemeConfig {
     accentColor?: string;

package/dist/index.d.ts

@@ -122,6 +122,7 @@ interface UseFilesOptions {
     orderBy?: 'created_at' | 'name' | 'byte_size';
     orderDirection?: 'asc' | 'desc';
     staleTime?: number;
+    date?: string;
 }
 interface UseFilesResult {
     files: FileObject[];
@@ -136,7 +137,7 @@ interface UseFilesResult {
     setPage: (page: number) => void;
     refresh: () => Promise<void>;
 }
-declare function useFiles({ metadata, startPage, perPage, mediaType, autoLoad, orderBy, orderDirection, staleTime, }?: UseFilesOptions): UseFilesResult;
+declare function useFiles({ metadata, startPage, perPage, mediaType, autoLoad, orderBy, orderDirection, staleTime, date, }?: UseFilesOptions): UseFilesResult;
 
 interface ThemeConfig {
     accentColor?: string;

package/dist/index.js

@@ -575,10 +575,6 @@ function Dropzone({
 
 // src/hooks/useFiles.ts
 var import_react3 = require("react");
-var DEBUG = true;
-function log(msg, ...args) {
-  if (DEBUG) console.log(`[useFiles] ${msg}`, ...args);
-}
 function useFiles({
   metadata,
   startPage = 1,
@@ -587,7 +583,8 @@ function useFiles({
   autoLoad = true,
   orderBy,
   orderDirection,
-  staleTime
+  staleTime,
+  date
 } = {}) {
   const { client, on, getCache, setCache, staleTime: providerStaleTime } = usePlugable();
   const [files, setFiles] = (0, import_react3.useState)([]);
@@ -604,8 +601,9 @@ function useFiles({
     perPage,
     orderBy,
     orderDirection,
-    page
-  }), [stableMetadata, mediaType, perPage, orderBy, orderDirection, page]);
+    page,
+    date
+  }), [stableMetadata, mediaType, perPage, orderBy, orderDirection, page, date]);
   const fetchFiles = (0, import_react3.useCallback)(async (pageNum, skipCache = false) => {
     const currentParamsKey = JSON.stringify({
       metadata: stableMetadata,
@@ -613,23 +611,19 @@ function useFiles({
       perPage,
       orderBy,
       orderDirection,
-      page: pageNum
+      page: pageNum,
+      date
     });
-    log("fetchFiles called", { pageNum, skipCache, currentParamsKey });
     if (!skipCache) {
       const cachedEntry = getCache(currentParamsKey);
       if (cachedEntry) {
         const age = Date.now() - cachedEntry.timestamp;
         const isStale = age > effectiveStaleTime;
-        log("Cache check", { exists: true, age, isStale });
         if (!isStale) {
-          log("Serving from cache");
           setFiles(cachedEntry.files);
           setHasNext(cachedEntry.paging.has_next_page);
           return;
         }
-      } else {
-        log("Cache miss");
       }
     }
     setIsLoading(true);
@@ -641,11 +635,10 @@ function useFiles({
         per_page: perPage,
         with_download_url: true,
         ...orderBy && { order_by: orderBy },
-        ...orderDirection && { order_direction: orderDirection }
+        ...orderDirection && { order_direction: orderDirection },
+        date
       };
-      log("Sending API Request", options);
       const response = await client.list(options);
-      log("API Response received", response);
       setCache(currentParamsKey, {
         files: response.files,
         paging: response.paging,
@@ -654,38 +647,33 @@ function useFiles({
       setFiles(response.files);
       setHasNext(response.paging.has_next_page);
     } catch (err) {
-      console.error("[useFiles] Failed to load files:", err);
+      console.error("Failed to load files:", err);
       setFiles([]);
       setHasNext(false);
     } finally {
       setIsLoading(false);
     }
-  }, [client, stableMetadata, mediaType, perPage, orderBy, orderDirection, getCache, setCache, effectiveStaleTime]);
+  }, [client, stableMetadata, mediaType, perPage, orderBy, orderDirection, getCache, setCache, effectiveStaleTime, date]);
   (0, import_react3.useEffect)(() => {
-    log("Effect triggered", { paramsKeyWithPage, autoLoad, initialized: hasInitializedRef.current });
     if (!hasInitializedRef.current) {
       hasInitializedRef.current = true;
       if (!autoLoad) {
-        log("Skipping initial load because autoLoad is false");
         return;
       }
     }
     const cachedEntry = getCache(paramsKeyWithPage);
     const isStale = cachedEntry ? Date.now() - cachedEntry.timestamp > effectiveStaleTime : true;
     if (cachedEntry) {
-      log("Immediate cache hit in Effect", { isStale });
       setFiles(cachedEntry.files);
       setHasNext(cachedEntry.paging.has_next_page);
       if (!isStale) {
         return;
       }
     }
-    log("Proceeding to fetch");
     fetchFiles(page, true);
   }, [paramsKeyWithPage, autoLoad, getCache, effectiveStaleTime, fetchFiles, page]);
   (0, import_react3.useEffect)(() => {
     const unsubscribe = on("file.uploaded", () => {
-      log("Event file.uploaded received, refreshing...");
       fetchFiles(page, true);
     });
     return unsubscribe;
@@ -697,7 +685,6 @@ function useFiles({
     setPage((p) => Math.max(1, p - 1));
   }, []);
   const refresh = (0, import_react3.useCallback)(async () => {
-    log("Manual refresh triggered");
     await fetchFiles(page, true);
   }, [fetchFiles, page]);
   return {

package/dist/index.mjs

@@ -529,10 +529,6 @@ function Dropzone({
 
 // src/hooks/useFiles.ts
 import { useState as useState3, useCallback as useCallback3, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2 } from "react";
-var DEBUG = true;
-function log(msg, ...args) {
-  if (DEBUG) console.log(`[useFiles] ${msg}`, ...args);
-}
 function useFiles({
   metadata,
   startPage = 1,
@@ -541,7 +537,8 @@ function useFiles({
   autoLoad = true,
   orderBy,
   orderDirection,
-  staleTime
+  staleTime,
+  date
 } = {}) {
   const { client, on, getCache, setCache, staleTime: providerStaleTime } = usePlugable();
   const [files, setFiles] = useState3([]);
@@ -558,8 +555,9 @@ function useFiles({
     perPage,
     orderBy,
     orderDirection,
-    page
-  }), [stableMetadata, mediaType, perPage, orderBy, orderDirection, page]);
+    page,
+    date
+  }), [stableMetadata, mediaType, perPage, orderBy, orderDirection, page, date]);
   const fetchFiles = useCallback3(async (pageNum, skipCache = false) => {
     const currentParamsKey = JSON.stringify({
       metadata: stableMetadata,
@@ -567,23 +565,19 @@ function useFiles({
       perPage,
       orderBy,
       orderDirection,
-      page: pageNum
+      page: pageNum,
+      date
     });
-    log("fetchFiles called", { pageNum, skipCache, currentParamsKey });
     if (!skipCache) {
       const cachedEntry = getCache(currentParamsKey);
       if (cachedEntry) {
         const age = Date.now() - cachedEntry.timestamp;
         const isStale = age > effectiveStaleTime;
-        log("Cache check", { exists: true, age, isStale });
         if (!isStale) {
-          log("Serving from cache");
           setFiles(cachedEntry.files);
           setHasNext(cachedEntry.paging.has_next_page);
           return;
         }
-      } else {
-        log("Cache miss");
       }
     }
     setIsLoading(true);
@@ -595,11 +589,10 @@ function useFiles({
         per_page: perPage,
         with_download_url: true,
         ...orderBy && { order_by: orderBy },
-        ...orderDirection && { order_direction: orderDirection }
+        ...orderDirection && { order_direction: orderDirection },
+        date
       };
-      log("Sending API Request", options);
       const response = await client.list(options);
-      log("API Response received", response);
       setCache(currentParamsKey, {
         files: response.files,
         paging: response.paging,
@@ -608,38 +601,33 @@ function useFiles({
       setFiles(response.files);
       setHasNext(response.paging.has_next_page);
     } catch (err) {
-      console.error("[useFiles] Failed to load files:", err);
+      console.error("Failed to load files:", err);
       setFiles([]);
       setHasNext(false);
     } finally {
       setIsLoading(false);
     }
-  }, [client, stableMetadata, mediaType, perPage, orderBy, orderDirection, getCache, setCache, effectiveStaleTime]);
+  }, [client, stableMetadata, mediaType, perPage, orderBy, orderDirection, getCache, setCache, effectiveStaleTime, date]);
   useEffect2(() => {
-    log("Effect triggered", { paramsKeyWithPage, autoLoad, initialized: hasInitializedRef.current });
     if (!hasInitializedRef.current) {
       hasInitializedRef.current = true;
       if (!autoLoad) {
-        log("Skipping initial load because autoLoad is false");
         return;
       }
     }
     const cachedEntry = getCache(paramsKeyWithPage);
     const isStale = cachedEntry ? Date.now() - cachedEntry.timestamp > effectiveStaleTime : true;
     if (cachedEntry) {
-      log("Immediate cache hit in Effect", { isStale });
       setFiles(cachedEntry.files);
       setHasNext(cachedEntry.paging.has_next_page);
       if (!isStale) {
         return;
       }
     }
-    log("Proceeding to fetch");
     fetchFiles(page, true);
   }, [paramsKeyWithPage, autoLoad, getCache, effectiveStaleTime, fetchFiles, page]);
   useEffect2(() => {
     const unsubscribe = on("file.uploaded", () => {
-      log("Event file.uploaded received, refreshing...");
       fetchFiles(page, true);
     });
     return unsubscribe;
@@ -651,7 +639,6 @@ function useFiles({
     setPage((p) => Math.max(1, p - 1));
   }, []);
   const refresh = useCallback3(async () => {
-    log("Manual refresh triggered");
     await fetchFiles(page, true);
   }, [fetchFiles, page]);
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@plugable-io/react",
-    "version": "0.0.12",
+    "version": "0.0.13",
     "description": "React components and hooks for Plugable File Management API",
     "main": "dist/index.js",
     "module": "dist/index.mjs",
@@ -43,7 +43,7 @@
         "react-dom": ">=16.8.0"
     },
     "dependencies": {
-        "@plugable-io/js": "^0.0.11"
+        "@plugable-io/js": "^0.0.12"
     },
     "devDependencies": {
         "@types/node": "^20.0.0",