next-cache-toolbar 0.2.1 → 0.3.0

package/dist/cjs/{cache-entry-client-C0CjMKC5.js → cache-entry-client-BlFbLrtq.js}

@@ -1,12 +1,11 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
+var classVarianceAuthority = require('class-variance-authority');
 var reactSlot = require('@radix-ui/react-slot');
-var dialogClient = require('./dialog-client-ChHtZVMD.js');
-var lucideReact = require('lucide-react');
+var React = require('react');
+var dialogClient = require('./dialog-client-eJy2OUEG.js');
 var JsonView = require('react18-json-view');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -115,13 +114,15 @@ const buttonVariants = classVarianceAuthority.cva("nct-inline-flex nct-items-cen
             outline: "nct-border nct-border-input nct-bg-background hover:nct-bg-accent hover:nct-text-accent-foreground",
             secondary: "nct-bg-secondary nct-text-secondary-foreground hover:nct-bg-secondary/80",
             ghost: "hover:nct-bg-accent hover:nct-text-accent-foreground",
-            link: "nct-text-primary nct-underline-offset-4 hover:nct-underline"
+            link: "nct-text-primary nct-underline-offset-4 hover:nct-underline",
+            linkTable: "nct-text-muted-foreground"
         },
         size: {
             default: "nct-h-10 nct-px-4 nct-py-2",
             sm: "nct-h-9 nct-rounded-md nct-px-3",
             lg: "nct-h-11 nct-rounded-md nct-px-8",
-            icon: "nct-h-10 nct-w-10"
+            icon: "nct-h-10 nct-w-10",
+            text: "h-auto"
         }
     },
     defaultVariants: {
@@ -144,7 +145,7 @@ const Button = /*#__PURE__*/ React__namespace.forwardRef(({ className, variant,
 Button.displayName = "Button";
 
 const getEntryRevalidateLeft = (cacheEntry)=>{
-    if (!cacheEntry.data?.headers.date || !cacheEntry.revalidate) {
+    if (!cacheEntry.data?.headers?.date || !cacheEntry.revalidate) {
         return;
     }
     const cacheEntryDate = new Date(cacheEntry.data?.headers.date);
@@ -158,7 +159,7 @@ const CacheEntry = (props)=>{
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(TableCell, {
                 className: "nct-truncate nct-max-w-[25vw]",
-                children: props.cacheEntry.data?.url
+                children: props.cacheEntry.data.url
             }),
             /*#__PURE__*/ jsxRuntime.jsx(TableCell, {
                 title: cacheEntryRevalidateLeft?.toString() ?? "-",
@@ -166,12 +167,16 @@ const CacheEntry = (props)=>{
                     children: "STALE"
                 }) : props.cacheEntry.revalidate ?? "-"
             }),
-            /*#__PURE__*/ jsxRuntime.jsx(TableCell, {
+            /*#__PURE__*/ jsxRuntime.jsxs(TableCell, {
                 className: "nct-break-before-all",
-                children: props.cacheEntry.tags.join("\n")
+                children: [
+                    "[",
+                    props.cacheEntry.tags.join(","),
+                    "]"
+                ]
             }),
             /*#__PURE__*/ jsxRuntime.jsx(TableCell, {
-                children: props.cacheEntry.data?.headers.date
+                children: props.cacheEntry.timestamp.toLocaleString()
             }),
             /*#__PURE__*/ jsxRuntime.jsxs(dialogClient.Dialog, {
                 children: [
@@ -180,22 +185,29 @@ const CacheEntry = (props)=>{
                         children: /*#__PURE__*/ jsxRuntime.jsx(TableCell, {
                             className: "nct-flex nct-justify-center",
                             children: /*#__PURE__*/ jsxRuntime.jsx(Button, {
-                                variant: "ghost",
-                                size: "icon",
-                                children: /*#__PURE__*/ jsxRuntime.jsx(lucideReact.Braces, {
-                                    size: 16
-                                })
+                                children: "show content"
                             })
                         })
                     }),
-                    /*#__PURE__*/ jsxRuntime.jsx(dialogClient.DialogContent, {
+                    /*#__PURE__*/ jsxRuntime.jsxs(dialogClient.DialogContent, {
                         className: "sm:nct-max-w-3xl nct-max-h-[65vh] nct-overflow-y-auto nct-overflow-x-hidden",
-                        children: /*#__PURE__*/ jsxRuntime.jsx("div", {
-                            className: "nct-flex nct-items-center nct-space-x-2",
-                            children: /*#__PURE__*/ jsxRuntime.jsx(JsonView__default.default, {
-                                src: props.cacheEntry.data.body
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(dialogClient.DialogTitle, {
+                                className: "nct-hidden",
+                                children: props.cacheEntry.data.url
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx(dialogClient.DialogDescription, {
+                                className: "nct-hidden",
+                                children: props.cacheEntry.data.url
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx("div", {
+                                className: "nct-flex nct-items-center nct-space-x-2",
+                                children: /*#__PURE__*/ jsxRuntime.jsx(JsonView__default.default, {
+                                    src: props.cacheEntry.data.body,
+                                    collapsed: 1
+                                })
                             })
-                        })
+                        ]
                     })
                 ]
             })

package/dist/cjs/{cache-panel-context-client-FIUru-uB.js → cache-panel-context-client-CkDMJX2-.js}

@@ -31,7 +31,7 @@ const sortCacheEntryByKey = (key, a, b)=>{
             return a.tags[0]?.localeCompare(b.tags[0] ?? "") ?? 0;
         case "timestamp":
             {
-                if (!a.data?.headers.date || !b.data?.headers.date) {
+                if (!a.data?.headers?.date || !b.data?.headers?.date) {
                     return 0;
                 }
                 return new Date(b.data.headers.date).getTime() - new Date(a.data.headers.date).getTime();
@@ -46,7 +46,13 @@ const CachePanelContextProvider = (props)=>{
     const [sorting, setSorting] = React.useState(undefined);
     const toggleOpen = ()=>{
         setIsOpen(!isOpen);
+        localStorage.setItem("cache-panel-open", (!isOpen).toString());
     };
+    React__default.default.useEffect(()=>{
+        if (typeof window !== "undefined") {
+            setIsOpen(localStorage.getItem("cache-panel-open") === "true");
+        }
+    }, []);
     const addFilter = (key, value)=>{
         setFilters((prev)=>{
             if (!prev) {

package/dist/cjs/{cache-panel-head-client-Cs4uyFh7.js → cache-panel-head-client-BqfBWPpR.js}

@@ -1,26 +1,26 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var cacheEntryClient = require('./cache-entry-client-C0CjMKC5.js');
+var cacheEntryClient = require('./cache-entry-client-BlFbLrtq.js');
 var React = require('react');
 var lucideReact = require('lucide-react');
-var cachePanelContextClient = require('./cache-panel-context-client-FIUru-uB.js');
+var cachePanelContextClient = require('./cache-panel-context-client-CkDMJX2-.js');
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return n;
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return n;
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
@@ -99,19 +99,28 @@ const CachePanelHead = ({ sortingProperty, children, className, withFilter = fal
             setFilterInputVisible(false);
         }
     };
+    const isActiveSortProperty = sorting?.key === sortingProperty;
+    const ariaSortAttribute = isActiveSortProperty ? sortingDirection === "asc" ? "ascending" : "descending" : undefined;
     return /*#__PURE__*/ jsxRuntime.jsx(cacheEntryClient.TableHead, {
         className: cacheEntryClient.cn("group", className),
         ...props,
+        "aria-sort": ariaSortAttribute,
         children: /*#__PURE__*/ jsxRuntime.jsxs("div", {
-            className: cacheEntryClient.cn("nct-flex nct-items-center nct-gap-2 nct-py-2", sorting?.key === sortingProperty && "nct-underline"),
+            className: cacheEntryClient.cn("nct-flex nct-items-center nct-gap-2 nct-py-2", isActiveSortProperty && "nct-underline"),
             children: [
-                /*#__PURE__*/ jsxRuntime.jsx("div", {
+                /*#__PURE__*/ jsxRuntime.jsx(cacheEntryClient.Button, {
+                    variant: "linkTable",
+                    size: "text",
                     onClick: onHeadClick,
                     onKeyDown: onHeadClick,
                     children: children
                 }),
-                sortingDirection === "asc" && /*#__PURE__*/ jsxRuntime.jsx(lucideReact.ArrowDownAZIcon, {}),
-                sortingDirection === "desc" && /*#__PURE__*/ jsxRuntime.jsx(lucideReact.ArrowUpAZIcon, {}),
+                sortingDirection === "asc" && /*#__PURE__*/ jsxRuntime.jsx(lucideReact.ArrowDownAZIcon, {
+                    "aria-hidden": true
+                }),
+                sortingDirection === "desc" && /*#__PURE__*/ jsxRuntime.jsx(lucideReact.ArrowUpAZIcon, {
+                    "aria-hidden": true
+                }),
                 withFilter && /*#__PURE__*/ jsxRuntime.jsxs("div", {
                     className: "ml-auto",
                     children: [

package/dist/cjs/{cache-panel-table-client-9aBv-MjJ.js → cache-panel-table-client-DBvA6vo5.js}

@@ -1,7 +1,7 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var cacheEntryClient = require('./cache-entry-client-C0CjMKC5.js');
-var cachePanelContextClient = require('./cache-panel-context-client-FIUru-uB.js');
+var cacheEntryClient = require('./cache-entry-client-BlFbLrtq.js');
+var cachePanelContextClient = require('./cache-panel-context-client-CkDMJX2-.js');
 
 const CachePanelTable = ()=>{
     const { entries } = cachePanelContextClient.useCachePanelContext();

package/dist/cjs/{cache-panel-trigger-client-CGeo22Q8.js → cache-panel-trigger-client-0RzTHzAT.js}

@@ -1,8 +1,7 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var cacheEntryClient = require('./cache-entry-client-C0CjMKC5.js');
-require('react');
-var cachePanelContextClient = require('./cache-panel-context-client-FIUru-uB.js');
+var cacheEntryClient = require('./cache-entry-client-BlFbLrtq.js');
+var cachePanelContextClient = require('./cache-panel-context-client-CkDMJX2-.js');
 
 function CachePanelTrigger(props) {
     const { toggleOpen } = cachePanelContextClient.useCachePanelContext();

package/dist/cjs/{cache-panel-wrapper-client-puZq7rcV.js → cache-panel-wrapper-client-DTI35uJg.js}

@@ -1,8 +1,7 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var cacheEntryClient = require('./cache-entry-client-C0CjMKC5.js');
-require('react');
-var cachePanelContextClient = require('./cache-panel-context-client-FIUru-uB.js');
+var cacheEntryClient = require('./cache-entry-client-BlFbLrtq.js');
+var cachePanelContextClient = require('./cache-panel-context-client-CkDMJX2-.js');
 
 const CacheTable = (props)=>{
     const { isOpen } = cachePanelContextClient.useCachePanelContext();

package/dist/cjs/cache-purge-button-client-CXGIDomZ.js

@@ -0,0 +1,25 @@
+'use client';
+var jsxRuntime = require('react/jsx-runtime');
+var purgeCacheServer = require('./purge-cache-server-GmkiFGoN.js');
+var cacheEntryClient = require('./cache-entry-client-BlFbLrtq.js');
+var lucideReact = require('lucide-react');
+var cachePanelContextClient = require('./cache-panel-context-client-CkDMJX2-.js');
+
+function CachePurgeButton() {
+    const { setEntries } = cachePanelContextClient.useCachePanelContext();
+    const purgeCache = ()=>{
+        purgeCacheServer.purgeCache().then(()=>{
+            setEntries([]);
+        });
+    };
+    return /*#__PURE__*/ jsxRuntime.jsx(cacheEntryClient.Button, {
+        variant: "outline",
+        size: "icon",
+        onClick: purgeCache,
+        children: /*#__PURE__*/ jsxRuntime.jsx(lucideReact.BombIcon, {
+            className: "nct-h-4 nct-w-4"
+        })
+    });
+}
+
+exports.CachePurgeButton = CachePurgeButton;

package/dist/cjs/{cache-refresh-data-client-CrvqEMoX.js → cache-refresh-data-client-DJC8x360.js}

@@ -1,11 +1,11 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var getCacheEntriesServer = require('./getCacheEntries-server-DMz68ZTt.js');
-var cacheEntryClient = require('./cache-entry-client-C0CjMKC5.js');
+var getCacheEntriesServer = require('./getCacheEntries-server-B4Sz1uw3.js');
+var cacheEntryClient = require('./cache-entry-client-BlFbLrtq.js');
 var lucideReact = require('lucide-react');
 var navigation = require('next/navigation');
 var React = require('react');
-var cachePanelContextClient = require('./cache-panel-context-client-FIUru-uB.js');
+var cachePanelContextClient = require('./cache-panel-context-client-CkDMJX2-.js');
 
 function RefreshDataButton({ enabled, interval }) {
     const { setEntries } = cachePanelContextClient.useCachePanelContext();
@@ -18,7 +18,6 @@ function RefreshDataButton({ enabled, interval }) {
         });
     };
     React.useEffect(()=>{
-        console.log("pathname changed", pathname);
         refreshData();
     }, [
         pathname

package/dist/cjs/{dialog-client-ChHtZVMD.js → dialog-client-eJy2OUEG.js}

@@ -1,26 +1,26 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
+var cacheEntryClient = require('./cache-entry-client-BlFbLrtq.js');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var lucideReact = require('lucide-react');
 var React = require('react');
-var cacheEntryClient = require('./cache-entry-client-C0CjMKC5.js');
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return n;
+	if (e && e.__esModule) return e;
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return n;
 }
 
 var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
@@ -77,4 +77,6 @@ DialogDescription.displayName = DialogPrimitive__namespace.Description.displayNa
 
 exports.Dialog = Dialog;
 exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogTitle = DialogTitle;
 exports.DialogTrigger = DialogTrigger;

package/dist/cjs/{getCacheEntries-server-DMz68ZTt.js → getCacheEntries-server-B4Sz1uw3.js}

@@ -1,6 +1,6 @@
 'use server';
-var zod = require('zod');
 var node_fs = require('node:fs');
+var zod = require('zod');
 
 const stringToJSONSchema = zod.z.string().transform((str, ctx)=>{
     try {
@@ -17,12 +17,26 @@ const stringToJSONSchema = zod.z.string().transform((str, ctx)=>{
         return zod.z.NEVER;
     }
 });
-const nextCacheFileSchema = zod.z.object({
+const unstableCacheFileSchema = zod.z.object({
+    data: zod.z.object({
+        body: zod.z.string(),
+        headers: zod.z.object({}).transform(()=>null),
+        status: zod.z.number(),
+        url: zod.z.literal("")
+    }),
+    kind: zod.z.union([
+        zod.z.literal("FETCH"),
+        zod.z.unknown()
+    ]),
+    revalidate: zod.z.number().optional(),
+    tags: zod.z.array(zod.z.string()).optional().default([])
+});
+const fetchCacheFileSchema = zod.z.object({
     data: zod.z.object({
         body: zod.z.string(),
         headers: zod.z.record(zod.z.string(), zod.z.string()),
         status: zod.z.number(),
-        url: zod.z.string()
+        url: zod.z.string().url()
     }),
     kind: zod.z.union([
         zod.z.literal("FETCH"),
@@ -30,12 +44,18 @@ const nextCacheFileSchema = zod.z.object({
     ]),
     revalidate: zod.z.number().optional(),
     tags: zod.z.array(zod.z.string()).optional().default([])
-}).transform((cacheEntry)=>{
-    const body = stringToJSONSchema.parse(atob(cacheEntry.data.body));
+});
+const nextCacheFileSchema = zod.z.union([
+    unstableCacheFileSchema,
+    fetchCacheFileSchema
+]).transform((cacheEntry)=>{
+    const body = cacheEntry.data.url !== "" ? stringToJSONSchema.parse(atob(cacheEntry.data.body)) : stringToJSONSchema.parse(cacheEntry.data.body);
     return {
         ...cacheEntry,
+        timestamp: cacheEntry.data.headers?.date ? new Date(cacheEntry.data.headers?.date) : new Date(),
         data: {
             ...cacheEntry.data,
+            url: cacheEntry.data.url === "" ? "unstable_cache" : cacheEntry.data.url,
             body
         }
     };
@@ -54,14 +74,26 @@ const getCacheFiles = async ()=>{
             continue;
         }
         try {
-            const fileContent = await node_fs.promises.readFile(`${cachePath}/${file}`);
-            const cacheEntry = nextCacheFileSchema.parse(JSON.parse(fileContent.toString()));
-            cacheFiles.set(file, cacheEntry);
+            const fileContent = await node_fs.promises.readFile(`${cachePath}/${file}`).catch((err)=>{
+                throw Error(`Error reading file ${file}`, {
+                    cause: err
+                });
+            });
+            const fileStats = await node_fs.promises.stat(`${cachePath}/${file}`).catch((err)=>{
+                throw Error(`Error reading file ${file}`, {
+                    cause: err
+                });
+            });
+            const jsonData = JSON.parse(fileContent.toString());
+            const cacheEntry = nextCacheFileSchema.parse(jsonData);
+            cacheFiles.set(file, {
+                ...cacheEntry,
+                timestamp: fileStats.birthtime
+            });
         } catch (error) {
             if (error instanceof zod.ZodError) {
                 const issues = error.issues;
                 console.error(`File ${file} do not match the schema`, issues);
-                continue;
             }
             console.error(`Error parsing ${file}`);
         }

package/dist/cjs/index.d.ts

@@ -11,7 +11,12 @@ type Props = {
      * @default 10000
      */
     interval?: number;
+    /**
+     * If true, the purge button will be shown.
+     * @default false
+     */
+    purgeButton?: boolean;
 };
-declare function NextCacheToolbar({ autoRefresh, interval, }: Props): Promise<react_jsx_runtime.JSX.Element>;
+declare function NextCacheToolbar({ autoRefresh, interval, purgeButton, }: Props): Promise<react_jsx_runtime.JSX.Element>;
 
 export { NextCacheToolbar };

package/dist/cjs/index.js

@@ -2,16 +2,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var lucideReact = require('lucide-react');
-var getCacheEntriesServer = require('./getCacheEntries-server-DMz68ZTt.js');
-var cacheEntryClient = require('./cache-entry-client-C0CjMKC5.js');
-var cachePanelContextClient = require('./cache-panel-context-client-FIUru-uB.js');
-var cachePanelTableClient = require('./cache-panel-table-client-9aBv-MjJ.js');
-var cachePanelTriggerClient = require('./cache-panel-trigger-client-CGeo22Q8.js');
-var cachePanelWrapperClient = require('./cache-panel-wrapper-client-puZq7rcV.js');
-var cacheRefreshDataClient = require('./cache-refresh-data-client-CrvqEMoX.js');
-var cachePanelHeadClient = require('./cache-panel-head-client-Cs4uyFh7.js');
+var getCacheEntriesServer = require('./getCacheEntries-server-B4Sz1uw3.js');
+var cacheEntryClient = require('./cache-entry-client-BlFbLrtq.js');
+var cachePanelContextClient = require('./cache-panel-context-client-CkDMJX2-.js');
+var cachePanelTableClient = require('./cache-panel-table-client-DBvA6vo5.js');
+var cachePanelTriggerClient = require('./cache-panel-trigger-client-0RzTHzAT.js');
+var cachePanelWrapperClient = require('./cache-panel-wrapper-client-DTI35uJg.js');
+var cachePurgeButtonClient = require('./cache-purge-button-client-CXGIDomZ.js');
+var cacheRefreshDataClient = require('./cache-refresh-data-client-DJC8x360.js');
+var cachePanelHeadClient = require('./cache-panel-head-client-BqfBWPpR.js');
 
-async function NextCacheToolbar({ autoRefresh = false, interval = 10000 }) {
+async function NextCacheToolbar({ autoRefresh = false, interval = 10000, purgeButton = false }) {
     const files = await getCacheEntriesServer.getCacheFiles();
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         id: "next-cache-toolbar",
@@ -21,7 +22,7 @@ async function NextCacheToolbar({ autoRefresh = false, interval = 10000 }) {
             children: [
                 /*#__PURE__*/ jsxRuntime.jsx(cachePanelTriggerClient.CachePanelTrigger, {
                     className: "nct-fixed nct-rounded-full nct-bottom-4 nct-right-4 nct-bg-gradient-to-r nct-from-fuchsia-500 nct-to-cyan-500",
-                    children: /*#__PURE__*/ jsxRuntime.jsx(lucideReact.Braces, {})
+                    children: /*#__PURE__*/ jsxRuntime.jsx(lucideReact.Layers3Icon, {})
                 }),
                 /*#__PURE__*/ jsxRuntime.jsxs(cachePanelWrapperClient.CacheTable, {
                     children: [
@@ -57,6 +58,7 @@ async function NextCacheToolbar({ autoRefresh = false, interval = 10000 }) {
                                                     enabled: autoRefresh,
                                                     interval: interval
                                                 }),
+                                                purgeButton && /*#__PURE__*/ jsxRuntime.jsx(cachePurgeButtonClient.CachePurgeButton, {}),
                                                 /*#__PURE__*/ jsxRuntime.jsx(cachePanelTriggerClient.CachePanelTrigger, {
                                                     children: /*#__PURE__*/ jsxRuntime.jsx(lucideReact.PanelBottomCloseIcon, {})
                                                 })

package/dist/cjs/purge-cache-server-GmkiFGoN.js

@@ -0,0 +1,12 @@
+'use server';
+var node_fs = require('node:fs');
+
+const cachePath = ".next/cache/fetch-cache";
+const purgeCache = async ()=>{
+    await node_fs.promises.rm(cachePath, {
+        recursive: true,
+        force: true
+    });
+};
+
+exports.purgeCache = purgeCache;

package/dist/es/{cache-entry-client-Ceh-eYDl.js → cache-entry-client-Bk7a0rFQ.mjs}

@@ -1,12 +1,11 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
-import * as React from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
 import { Slot } from '@radix-ui/react-slot';
-import { D as Dialog, a as DialogTrigger, b as DialogContent } from './dialog-client-C319YNfG.js';
-import { Braces } from 'lucide-react';
+import * as React from 'react';
+import { D as Dialog, a as DialogTrigger, b as DialogContent, c as DialogTitle, d as DialogDescription } from './dialog-client-D8kKKnZH.mjs';
 import JsonView from 'react18-json-view';
 
 function cn(...inputs) {
@@ -92,13 +91,15 @@ const buttonVariants = cva("nct-inline-flex nct-items-center nct-justify-center
             outline: "nct-border nct-border-input nct-bg-background hover:nct-bg-accent hover:nct-text-accent-foreground",
             secondary: "nct-bg-secondary nct-text-secondary-foreground hover:nct-bg-secondary/80",
             ghost: "hover:nct-bg-accent hover:nct-text-accent-foreground",
-            link: "nct-text-primary nct-underline-offset-4 hover:nct-underline"
+            link: "nct-text-primary nct-underline-offset-4 hover:nct-underline",
+            linkTable: "nct-text-muted-foreground"
         },
         size: {
             default: "nct-h-10 nct-px-4 nct-py-2",
             sm: "nct-h-9 nct-rounded-md nct-px-3",
             lg: "nct-h-11 nct-rounded-md nct-px-8",
-            icon: "nct-h-10 nct-w-10"
+            icon: "nct-h-10 nct-w-10",
+            text: "h-auto"
         }
     },
     defaultVariants: {
@@ -121,7 +122,7 @@ const Button = /*#__PURE__*/ React.forwardRef(({ className, variant, size, asChi
 Button.displayName = "Button";
 
 const getEntryRevalidateLeft = (cacheEntry)=>{
-    if (!cacheEntry.data?.headers.date || !cacheEntry.revalidate) {
+    if (!cacheEntry.data?.headers?.date || !cacheEntry.revalidate) {
         return;
     }
     const cacheEntryDate = new Date(cacheEntry.data?.headers.date);
@@ -135,7 +136,7 @@ const CacheEntry = (props)=>{
         children: [
             /*#__PURE__*/ jsx(TableCell, {
                 className: "nct-truncate nct-max-w-[25vw]",
-                children: props.cacheEntry.data?.url
+                children: props.cacheEntry.data.url
             }),
             /*#__PURE__*/ jsx(TableCell, {
                 title: cacheEntryRevalidateLeft?.toString() ?? "-",
@@ -143,12 +144,16 @@ const CacheEntry = (props)=>{
                     children: "STALE"
                 }) : props.cacheEntry.revalidate ?? "-"
             }),
-            /*#__PURE__*/ jsx(TableCell, {
+            /*#__PURE__*/ jsxs(TableCell, {
                 className: "nct-break-before-all",
-                children: props.cacheEntry.tags.join("\n")
+                children: [
+                    "[",
+                    props.cacheEntry.tags.join(","),
+                    "]"
+                ]
             }),
             /*#__PURE__*/ jsx(TableCell, {
-                children: props.cacheEntry.data?.headers.date
+                children: props.cacheEntry.timestamp.toLocaleString()
             }),
             /*#__PURE__*/ jsxs(Dialog, {
                 children: [
@@ -157,22 +162,29 @@ const CacheEntry = (props)=>{
                         children: /*#__PURE__*/ jsx(TableCell, {
                             className: "nct-flex nct-justify-center",
                             children: /*#__PURE__*/ jsx(Button, {
-                                variant: "ghost",
-                                size: "icon",
-                                children: /*#__PURE__*/ jsx(Braces, {
-                                    size: 16
-                                })
+                                children: "show content"
                             })
                         })
                     }),
-                    /*#__PURE__*/ jsx(DialogContent, {
+                    /*#__PURE__*/ jsxs(DialogContent, {
                         className: "sm:nct-max-w-3xl nct-max-h-[65vh] nct-overflow-y-auto nct-overflow-x-hidden",
-                        children: /*#__PURE__*/ jsx("div", {
-                            className: "nct-flex nct-items-center nct-space-x-2",
-                            children: /*#__PURE__*/ jsx(JsonView, {
-                                src: props.cacheEntry.data.body
+                        children: [
+                            /*#__PURE__*/ jsx(DialogTitle, {
+                                className: "nct-hidden",
+                                children: props.cacheEntry.data.url
+                            }),
+                            /*#__PURE__*/ jsx(DialogDescription, {
+                                className: "nct-hidden",
+                                children: props.cacheEntry.data.url
+                            }),
+                            /*#__PURE__*/ jsx("div", {
+                                className: "nct-flex nct-items-center nct-space-x-2",
+                                children: /*#__PURE__*/ jsx(JsonView, {
+                                    src: props.cacheEntry.data.body,
+                                    collapsed: 1
+                                })
                             })
-                        })
+                        ]
                     })
                 ]
             })

package/dist/es/{cache-panel-context-client-DCXKayLF.js → cache-panel-context-client-DlqXZGzO.mjs}

@@ -27,7 +27,7 @@ const sortCacheEntryByKey = (key, a, b)=>{
             return a.tags[0]?.localeCompare(b.tags[0] ?? "") ?? 0;
         case "timestamp":
             {
-                if (!a.data?.headers.date || !b.data?.headers.date) {
+                if (!a.data?.headers?.date || !b.data?.headers?.date) {
                     return 0;
                 }
                 return new Date(b.data.headers.date).getTime() - new Date(a.data.headers.date).getTime();
@@ -42,7 +42,13 @@ const CachePanelContextProvider = (props)=>{
     const [sorting, setSorting] = useState(undefined);
     const toggleOpen = ()=>{
         setIsOpen(!isOpen);
+        localStorage.setItem("cache-panel-open", (!isOpen).toString());
     };
+    React__default.useEffect(()=>{
+        if (typeof window !== "undefined") {
+            setIsOpen(localStorage.getItem("cache-panel-open") === "true");
+        }
+    }, []);
     const addFilter = (key, value)=>{
         setFilters((prev)=>{
             if (!prev) {