next-cache-toolbar 0.1.1 → 0.1.3

package/dist/cjs/{cache-entry-client-CSirD693.js → cache-entry-client-Cg2-NRrZ.js}

@@ -4,6 +4,12 @@ var classVarianceAuthority = require('class-variance-authority');
 var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
+var reactSlot = require('@radix-ui/react-slot');
+var dialogClient = require('./dialog-client-AZHsTC7l.js');
+var lucideReact = require('lucide-react');
+var JsonView = require('react18-json-view');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 function _interopNamespace(e) {
 	if (e && e.__esModule) return e;
@@ -24,6 +30,7 @@ function _interopNamespace(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var JsonView__default = /*#__PURE__*/_interopDefault(JsonView);
 
 function cn(...inputs) {
     return tailwindMerge.twMerge(clsx.clsx(inputs));
@@ -100,6 +107,42 @@ function Badge({ className, variant, ...props }) {
     });
 }
 
+const buttonVariants = classVarianceAuthority.cva("nct-inline-flex nct-items-center nct-justify-center nct-whitespace-nowrap nct-rounded-md nct-text-sm nct-font-medium nct-ring-offset-background nct-transition-colors focus-visible:nct-outline-none focus-visible:nct-ring-2 focus-visible:nct-ring-ring focus-visible:nct-ring-offset-2 disabled:nct-pointer-events-none disabled:nct-opacity-50", {
+    variants: {
+        variant: {
+            default: "nct-bg-primary nct-text-primary-foreground hover:nct-bg-primary/90",
+            destructive: "nct-bg-destructive nct-text-destructive-foreground hover:nct-bg-destructive/90",
+            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"
+        },
+        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"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+const Button = /*#__PURE__*/ React__namespace.forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /*#__PURE__*/ jsxRuntime.jsx(Comp, {
+        className: cn(buttonVariants({
+            variant,
+            size,
+            className
+        })),
+        ref: ref,
+        ...props
+    });
+});
+Button.displayName = "Button";
+
 const CacheEntry = (props)=>{
     const cacheEntryRevalidateLeft = React.useMemo(()=>{
         if (!props.cacheEntry.data?.headers.date || !props.cacheEntry.revalidate) {
@@ -131,11 +174,38 @@ const CacheEntry = (props)=>{
             }),
             /*#__PURE__*/ jsxRuntime.jsx(TableCell, {
                 children: props.cacheEntry.data?.headers.date
+            }),
+            /*#__PURE__*/ jsxRuntime.jsxs(dialogClient.Dialog, {
+                children: [
+                    /*#__PURE__*/ jsxRuntime.jsx(dialogClient.DialogTrigger, {
+                        asChild: true,
+                        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
+                                })
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsxRuntime.jsx(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
+                            })
+                        })
+                    })
+                ]
             })
         ]
     });
 };
 
+exports.Button = Button;
 exports.CacheEntry = CacheEntry;
 exports.Table = Table;
 exports.TableBody = TableBody;

package/dist/cjs/{cache-panel-head-client-DE2GaCDG.js → cache-panel-head-client-CbhKAPhZ.js}

@@ -1,6 +1,6 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var cacheEntryClient = require('./cache-entry-client-CSirD693.js');
+var cacheEntryClient = require('./cache-entry-client-Cg2-NRrZ.js');
 var lucideReact = require('lucide-react');
 var React = require('react');
 var cachePanelContextClient = require('./cache-panel-context-client-B1EgwMzI.js');

package/dist/cjs/{cache-panel-table-client-BZJECL8G.js → cache-panel-table-client-CuP76AwU.js}

@@ -1,6 +1,6 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var cacheEntryClient = require('./cache-entry-client-CSirD693.js');
+var cacheEntryClient = require('./cache-entry-client-Cg2-NRrZ.js');
 var React = require('react');
 var cachePanelContextClient = require('./cache-panel-context-client-B1EgwMzI.js');
 

package/dist/cjs/cache-panel-trigger-client-ChZncD_2.js

@@ -0,0 +1,17 @@
+'use client';
+var jsxRuntime = require('react/jsx-runtime');
+var cacheEntryClient = require('./cache-entry-client-Cg2-NRrZ.js');
+require('react');
+var cachePanelContextClient = require('./cache-panel-context-client-B1EgwMzI.js');
+
+function CachePanelTrigger(props) {
+    const { toggleOpen } = cachePanelContextClient.useCachePanelContext();
+    return /*#__PURE__*/ jsxRuntime.jsx(cacheEntryClient.Button, {
+        variant: "ghost",
+        size: "icon",
+        onClick: toggleOpen,
+        ...props
+    });
+}
+
+exports.CachePanelTrigger = CachePanelTrigger;

package/dist/cjs/{cache-panel-wrapper-client-tC4Joz3V.js → cache-panel-wrapper-client-DE5QrmN0.js}

@@ -1,6 +1,6 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var cacheEntryClient = require('./cache-entry-client-CSirD693.js');
+var cacheEntryClient = require('./cache-entry-client-Cg2-NRrZ.js');
 require('react');
 var cachePanelContextClient = require('./cache-panel-context-client-B1EgwMzI.js');
 

package/dist/cjs/dialog-client-AZHsTC7l.js

@@ -0,0 +1,80 @@
+'use client';
+var jsxRuntime = require('react/jsx-runtime');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var lucideReact = require('lucide-react');
+var React = require('react');
+var cacheEntryClient = require('./cache-entry-client-Cg2-NRrZ.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;
+}
+
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const Dialog = DialogPrimitive__namespace.Root;
+const DialogTrigger = DialogPrimitive__namespace.Trigger;
+const DialogPortal = DialogPrimitive__namespace.Portal;
+const DialogOverlay = /*#__PURE__*/ React__namespace.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxRuntime.jsx(DialogPrimitive__namespace.Overlay, {
+        ref: ref,
+        className: cacheEntryClient.cn("nct-fixed nct-inset-0 nct-z-50 nct-bg-black/80 data-[state=open]:nct-animate-in data-[state=closed]:nct-animate-out data-[state=closed]:nct-fade-out-0 data-[state=open]:nct-fade-in-0", className),
+        ...props
+    }));
+DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
+const DialogContent = /*#__PURE__*/ React__namespace.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxRuntime.jsxs(DialogPortal, {
+        container: window.document.getElementById("next-cache-toolbar"),
+        children: [
+            /*#__PURE__*/ jsxRuntime.jsx(DialogOverlay, {}),
+            /*#__PURE__*/ jsxRuntime.jsxs(DialogPrimitive__namespace.Content, {
+                ref: ref,
+                className: cacheEntryClient.cn("nct-fixed nct-left-[50%] nct-top-[50%] nct-z-50 nct-grid nct-w-full nct-max-w-lg nct-translate-x-[-50%] nct-translate-y-[-50%] nct-gap-4 nct-border nct-bg-background nct-p-6 nct-shadow-lg nct-duration-200 data-[state=open]:nct-animate-in data-[state=closed]:nct-animate-out data-[state=closed]:nct-fade-out-0 data-[state=open]:nct-fade-in-0 data-[state=closed]:nct-zoom-out-95 data-[state=open]:nct-zoom-in-95 data-[state=closed]:nct-slide-out-to-left-1/2 data-[state=closed]:nct-slide-out-to-top-[48%] data-[state=open]:nct-slide-in-from-left-1/2 data-[state=open]:nct-slide-in-from-top-[48%] sm:nct-rounded-lg", className),
+                ...props,
+                children: [
+                    children,
+                    /*#__PURE__*/ jsxRuntime.jsxs(DialogPrimitive__namespace.Close, {
+                        className: "nct-absolute nct-right-4 nct-top-4 nct-rounded-sm nct-opacity-70 nct-ring-offset-background nct-transition-opacity hover:nct-opacity-100 focus:nct-outline-none focus:nct-ring-2 focus:nct-ring-ring focus:nct-ring-offset-2 disabled:nct-pointer-events-none data-[state=open]:nct-bg-accent data-[state=open]:nct-text-muted-foreground",
+                        children: [
+                            /*#__PURE__*/ jsxRuntime.jsx(lucideReact.X, {
+                                className: "nct-h-4 nct-w-4"
+                            }),
+                            /*#__PURE__*/ jsxRuntime.jsx("span", {
+                                className: "nct-sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    }));
+DialogContent.displayName = DialogPrimitive__namespace.Content.displayName;
+const DialogTitle = /*#__PURE__*/ React__namespace.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxRuntime.jsx(DialogPrimitive__namespace.Title, {
+        ref: ref,
+        className: cacheEntryClient.cn("nct-text-lg nct-font-semibold nct-leading-none nct-tracking-tight", className),
+        ...props
+    }));
+DialogTitle.displayName = DialogPrimitive__namespace.Title.displayName;
+const DialogDescription = /*#__PURE__*/ React__namespace.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxRuntime.jsx(DialogPrimitive__namespace.Description, {
+        ref: ref,
+        className: cacheEntryClient.cn("nct-text-sm nct-text-muted-foreground", className),
+        ...props
+    }));
+DialogDescription.displayName = DialogPrimitive__namespace.Description.displayName;
+
+exports.Dialog = Dialog;
+exports.DialogContent = DialogContent;
+exports.DialogTrigger = DialogTrigger;

package/dist/cjs/index.js

@@ -2,31 +2,54 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var cacheEntryClient = require('./cache-entry-client-CSirD693.js');
+var cacheEntryClient = require('./cache-entry-client-Cg2-NRrZ.js');
 var lucideReact = require('lucide-react');
 var fs = require('fs');
-var promises = require('node:fs/promises');
 var zod = require('zod');
 var cachePanelContextClient = require('./cache-panel-context-client-B1EgwMzI.js');
-var cachePanelHeadClient = require('./cache-panel-head-client-DE2GaCDG.js');
-var cachePanelTableClient = require('./cache-panel-table-client-BZJECL8G.js');
-var cachePanelTriggerClient = require('./cache-panel-trigger-client-BzLneCfX.js');
-var cachePanelWrapperClient = require('./cache-panel-wrapper-client-tC4Joz3V.js');
-var refreshDataButtonClient = require('./refresh-data-button-client-hPbl8gix.js');
+var cachePanelHeadClient = require('./cache-panel-head-client-CbhKAPhZ.js');
+var cachePanelTableClient = require('./cache-panel-table-client-CuP76AwU.js');
+var cachePanelTriggerClient = require('./cache-panel-trigger-client-ChZncD_2.js');
+var cachePanelWrapperClient = require('./cache-panel-wrapper-client-DE5QrmN0.js');
+var refreshDataButtonClient = require('./refresh-data-button-client-D4e_gWso.js');
 
+const stringToJSONSchema = zod.z.string().transform((str, ctx)=>{
+    try {
+        return JSON.parse(str);
+    } catch (e) {
+        ctx.addIssue({
+            code: "custom",
+            message: "Encoded body is not in JSON format",
+            path: [
+                "data",
+                "body"
+            ]
+        });
+        return zod.z.NEVER;
+    }
+});
 const nextCacheFileSchema = 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()
-    }).optional(),
+    }),
     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([])
+}).transform((cacheEntry)=>{
+    const body = stringToJSONSchema.parse(atob(cacheEntry.data.body));
+    return {
+        ...cacheEntry,
+        data: {
+            ...cacheEntry.data,
+            body
+        }
+    };
 });
 
 const cachePath = ".next/cache/fetch-cache";
@@ -34,23 +57,27 @@ const getCacheFiles = async ()=>{
     if (!fs.existsSync(cachePath)) {
         return;
     }
-    try {
-        const files = await promises.readdir(cachePath);
-        const cacheFiles = new Map();
-        for (const file of files){
-            const fileContent = await promises.readFile(`${cachePath}/${file}`);
-            const body = JSON.parse(fileContent.toString());
-            const cacheEntry = nextCacheFileSchema.parse(body);
-            if (!cacheEntry.data) {
+    const files = await fs.promises.readdir(cachePath);
+    const cacheFiles = new Map();
+    for (const file of files){
+        // ignore tags-manifest file
+        if (file.match(/manifest/)) {
+            continue;
+        }
+        try {
+            const fileContent = await fs.promises.readFile(`${cachePath}/${file}`);
+            const cacheEntry = nextCacheFileSchema.parse(JSON.parse(fileContent.toString()));
+            cacheFiles.set(file, cacheEntry);
+        } catch (error) {
+            if (error instanceof zod.ZodError) {
+                const issues = error.issues;
+                console.error(`File ${file} do not match the schema`, issues);
                 continue;
             }
-            cacheFiles.set(file, cacheEntry);
+            console.error(`Error parsing ${file}`);
         }
-        return cacheFiles;
-    } catch (error) {
-        console.error(error);
-        throw Error("Error reading cache files");
     }
+    return cacheFiles;
 };
 
 async function NextCacheToolbar() {
@@ -58,6 +85,7 @@ async function NextCacheToolbar() {
     const cacheEntries = Array.from(files?.entries() ?? []);
     return /*#__PURE__*/ jsxRuntime.jsx("div", {
         id: "next-cache-toolbar",
+        className: "nct-text-primary nct-font-mono",
         children: /*#__PURE__*/ jsxRuntime.jsxs(cachePanelContextClient.CachePanelContextProvider, {
             children: [
                 /*#__PURE__*/ jsxRuntime.jsx(cachePanelTriggerClient.CachePanelTrigger, {

package/dist/cjs/{refresh-data-button-client-hPbl8gix.js → refresh-data-button-client-D4e_gWso.js}

@@ -1,7 +1,6 @@
 'use client';
 var jsxRuntime = require('react/jsx-runtime');
-var cachePanelTriggerClient = require('./cache-panel-trigger-client-BzLneCfX.js');
-var cacheEntryClient = require('./cache-entry-client-CSirD693.js');
+var cacheEntryClient = require('./cache-entry-client-Cg2-NRrZ.js');
 var lucideReact = require('lucide-react');
 var navigation = require('next/navigation');
 var React = require('react');
@@ -14,7 +13,7 @@ function RefreshDataButton() {
             router.refresh();
         });
     };
-    return /*#__PURE__*/ jsxRuntime.jsx(cachePanelTriggerClient.Button, {
+    return /*#__PURE__*/ jsxRuntime.jsx(cacheEntryClient.Button, {
         variant: "outline",
         size: "icon",
         onClick: refresh,

package/dist/es/{cache-entry-client-D7rudsnu.js → cache-entry-client-CtWrVYTN.js}

@@ -5,6 +5,10 @@ import * as React from 'react';
 import { useMemo } from 'react';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { Slot } from '@radix-ui/react-slot';
+import { D as Dialog, a as DialogTrigger, b as DialogContent } from './dialog-client-D5Q_DDEF.js';
+import { Braces } from 'lucide-react';
+import JsonView from 'react18-json-view';
 
 function cn(...inputs) {
     return twMerge(clsx(inputs));
@@ -81,6 +85,42 @@ function Badge({ className, variant, ...props }) {
     });
 }
 
+const buttonVariants = cva("nct-inline-flex nct-items-center nct-justify-center nct-whitespace-nowrap nct-rounded-md nct-text-sm nct-font-medium nct-ring-offset-background nct-transition-colors focus-visible:nct-outline-none focus-visible:nct-ring-2 focus-visible:nct-ring-ring focus-visible:nct-ring-offset-2 disabled:nct-pointer-events-none disabled:nct-opacity-50", {
+    variants: {
+        variant: {
+            default: "nct-bg-primary nct-text-primary-foreground hover:nct-bg-primary/90",
+            destructive: "nct-bg-destructive nct-text-destructive-foreground hover:nct-bg-destructive/90",
+            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"
+        },
+        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"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+const Button = /*#__PURE__*/ React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
+    const Comp = asChild ? Slot : "button";
+    return /*#__PURE__*/ jsx(Comp, {
+        className: cn(buttonVariants({
+            variant,
+            size,
+            className
+        })),
+        ref: ref,
+        ...props
+    });
+});
+Button.displayName = "Button";
+
 const CacheEntry = (props)=>{
     const cacheEntryRevalidateLeft = useMemo(()=>{
         if (!props.cacheEntry.data?.headers.date || !props.cacheEntry.revalidate) {
@@ -112,9 +152,35 @@ const CacheEntry = (props)=>{
             }),
             /*#__PURE__*/ jsx(TableCell, {
                 children: props.cacheEntry.data?.headers.date
+            }),
+            /*#__PURE__*/ jsxs(Dialog, {
+                children: [
+                    /*#__PURE__*/ jsx(DialogTrigger, {
+                        asChild: true,
+                        children: /*#__PURE__*/ jsx(TableCell, {
+                            className: "nct-flex nct-justify-center",
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                size: "icon",
+                                children: /*#__PURE__*/ jsx(Braces, {
+                                    size: 16
+                                })
+                            })
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(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
+                            })
+                        })
+                    })
+                ]
             })
         ]
     });
 };
 
-export { CacheEntry as C, TableHead as T, TableBody as a, Table as b, cn as c, TableHeader as d, TableRow as e };
+export { Button as B, CacheEntry as C, TableHead as T, TableBody as a, Table as b, cn as c, TableHeader as d, TableRow as e };

package/dist/es/{cache-panel-head-client-D7pENNsy.js → cache-panel-head-client-CZC6pddt.js}

@@ -1,6 +1,6 @@
 'use client';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { T as TableHead, c as cn } from './cache-entry-client-D7rudsnu.js';
+import { T as TableHead, c as cn } from './cache-entry-client-CtWrVYTN.js';
 import { ArrowDownAZIcon, ArrowUpAZIcon } from 'lucide-react';
 import { useMemo } from 'react';
 import { u as useCachePanelContext } from './cache-panel-context-client-D5NKXXpF.js';

package/dist/es/{cache-panel-table-client-C9odf6XC.js → cache-panel-table-client-Qc84cSj6.js}

@@ -1,6 +1,6 @@
 'use client';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { a as TableBody, C as CacheEntry } from './cache-entry-client-D7rudsnu.js';
+import { a as TableBody, C as CacheEntry } from './cache-entry-client-CtWrVYTN.js';
 import { useMemo } from 'react';
 import { u as useCachePanelContext } from './cache-panel-context-client-D5NKXXpF.js';
 

package/dist/es/cache-panel-trigger-client-GrlxjSO5.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { B as Button } from './cache-entry-client-CtWrVYTN.js';
+import 'react';
+import { u as useCachePanelContext } from './cache-panel-context-client-D5NKXXpF.js';
+
+function CachePanelTrigger(props) {
+    const { toggleOpen } = useCachePanelContext();
+    return /*#__PURE__*/ jsx(Button, {
+        variant: "ghost",
+        size: "icon",
+        onClick: toggleOpen,
+        ...props
+    });
+}
+
+export { CachePanelTrigger as C };

package/dist/es/{cache-panel-wrapper-client-CYy6afA4.js → cache-panel-wrapper-client-BosTuysv.js}

@@ -1,6 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { b as Table } from './cache-entry-client-D7rudsnu.js';
+import { b as Table } from './cache-entry-client-CtWrVYTN.js';
 import 'react';
 import { u as useCachePanelContext } from './cache-panel-context-client-D5NKXXpF.js';
 

package/dist/es/dialog-client-D5Q_DDEF.js

@@ -0,0 +1,57 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { X } from 'lucide-react';
+import * as React from 'react';
+import { c as cn } from './cache-entry-client-CtWrVYTN.js';
+
+const Dialog = DialogPrimitive.Root;
+const DialogTrigger = DialogPrimitive.Trigger;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogOverlay = /*#__PURE__*/ React.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(DialogPrimitive.Overlay, {
+        ref: ref,
+        className: cn("nct-fixed nct-inset-0 nct-z-50 nct-bg-black/80 data-[state=open]:nct-animate-in data-[state=closed]:nct-animate-out data-[state=closed]:nct-fade-out-0 data-[state=open]:nct-fade-in-0", className),
+        ...props
+    }));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DialogContent = /*#__PURE__*/ React.forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(DialogPortal, {
+        container: window.document.getElementById("next-cache-toolbar"),
+        children: [
+            /*#__PURE__*/ jsx(DialogOverlay, {}),
+            /*#__PURE__*/ jsxs(DialogPrimitive.Content, {
+                ref: ref,
+                className: cn("nct-fixed nct-left-[50%] nct-top-[50%] nct-z-50 nct-grid nct-w-full nct-max-w-lg nct-translate-x-[-50%] nct-translate-y-[-50%] nct-gap-4 nct-border nct-bg-background nct-p-6 nct-shadow-lg nct-duration-200 data-[state=open]:nct-animate-in data-[state=closed]:nct-animate-out data-[state=closed]:nct-fade-out-0 data-[state=open]:nct-fade-in-0 data-[state=closed]:nct-zoom-out-95 data-[state=open]:nct-zoom-in-95 data-[state=closed]:nct-slide-out-to-left-1/2 data-[state=closed]:nct-slide-out-to-top-[48%] data-[state=open]:nct-slide-in-from-left-1/2 data-[state=open]:nct-slide-in-from-top-[48%] sm:nct-rounded-lg", className),
+                ...props,
+                children: [
+                    children,
+                    /*#__PURE__*/ jsxs(DialogPrimitive.Close, {
+                        className: "nct-absolute nct-right-4 nct-top-4 nct-rounded-sm nct-opacity-70 nct-ring-offset-background nct-transition-opacity hover:nct-opacity-100 focus:nct-outline-none focus:nct-ring-2 focus:nct-ring-ring focus:nct-ring-offset-2 disabled:nct-pointer-events-none data-[state=open]:nct-bg-accent data-[state=open]:nct-text-muted-foreground",
+                        children: [
+                            /*#__PURE__*/ jsx(X, {
+                                className: "nct-h-4 nct-w-4"
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                className: "nct-sr-only",
+                                children: "Close"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogTitle = /*#__PURE__*/ React.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(DialogPrimitive.Title, {
+        ref: ref,
+        className: cn("nct-text-lg nct-font-semibold nct-leading-none nct-tracking-tight", className),
+        ...props
+    }));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = /*#__PURE__*/ React.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(DialogPrimitive.Description, {
+        ref: ref,
+        className: cn("nct-text-sm nct-text-muted-foreground", className),
+        ...props
+    }));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+export { Dialog as D, DialogTrigger as a, DialogContent as b };

package/dist/es/index.mjs

@@ -1,30 +1,53 @@
 'use server';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { d as TableHeader, e as TableRow, T as TableHead } from './cache-entry-client-D7rudsnu.js';
+import { d as TableHeader, e as TableRow, T as TableHead } from './cache-entry-client-CtWrVYTN.js';
 import { Braces, PanelBottomCloseIcon } from 'lucide-react';
-import { existsSync } from 'fs';
-import { readdir, readFile } from 'node:fs/promises';
-import { z } from 'zod';
+import { existsSync, promises } from 'fs';
+import { z, ZodError } from 'zod';
 import { C as CachePanelContextProvider } from './cache-panel-context-client-D5NKXXpF.js';
-import { C as CachePanelHead } from './cache-panel-head-client-D7pENNsy.js';
-import { C as CachePanelTable } from './cache-panel-table-client-C9odf6XC.js';
-import { C as CachePanelTrigger } from './cache-panel-trigger-client-BGWDamj2.js';
-import { C as CacheTable } from './cache-panel-wrapper-client-CYy6afA4.js';
-import { R as RefreshDataButton } from './refresh-data-button-client-DtmaaItS.js';
+import { C as CachePanelHead } from './cache-panel-head-client-CZC6pddt.js';
+import { C as CachePanelTable } from './cache-panel-table-client-Qc84cSj6.js';
+import { C as CachePanelTrigger } from './cache-panel-trigger-client-GrlxjSO5.js';
+import { C as CacheTable } from './cache-panel-wrapper-client-BosTuysv.js';
+import { R as RefreshDataButton } from './refresh-data-button-client-DaxVafNg.js';
 
+const stringToJSONSchema = z.string().transform((str, ctx)=>{
+    try {
+        return JSON.parse(str);
+    } catch (e) {
+        ctx.addIssue({
+            code: "custom",
+            message: "Encoded body is not in JSON format",
+            path: [
+                "data",
+                "body"
+            ]
+        });
+        return z.NEVER;
+    }
+});
 const nextCacheFileSchema = z.object({
     data: z.object({
         body: z.string(),
         headers: z.record(z.string(), z.string()),
         status: z.number(),
         url: z.string()
-    }).optional(),
+    }),
     kind: z.union([
         z.literal("FETCH"),
         z.unknown()
     ]),
     revalidate: z.number().optional(),
     tags: z.array(z.string()).optional().default([])
+}).transform((cacheEntry)=>{
+    const body = stringToJSONSchema.parse(atob(cacheEntry.data.body));
+    return {
+        ...cacheEntry,
+        data: {
+            ...cacheEntry.data,
+            body
+        }
+    };
 });
 
 const cachePath = ".next/cache/fetch-cache";
@@ -32,23 +55,27 @@ const getCacheFiles = async ()=>{
     if (!existsSync(cachePath)) {
         return;
     }
-    try {
-        const files = await readdir(cachePath);
-        const cacheFiles = new Map();
-        for (const file of files){
-            const fileContent = await readFile(`${cachePath}/${file}`);
-            const body = JSON.parse(fileContent.toString());
-            const cacheEntry = nextCacheFileSchema.parse(body);
-            if (!cacheEntry.data) {
+    const files = await promises.readdir(cachePath);
+    const cacheFiles = new Map();
+    for (const file of files){
+        // ignore tags-manifest file
+        if (file.match(/manifest/)) {
+            continue;
+        }
+        try {
+            const fileContent = await promises.readFile(`${cachePath}/${file}`);
+            const cacheEntry = nextCacheFileSchema.parse(JSON.parse(fileContent.toString()));
+            cacheFiles.set(file, cacheEntry);
+        } catch (error) {
+            if (error instanceof ZodError) {
+                const issues = error.issues;
+                console.error(`File ${file} do not match the schema`, issues);
                 continue;
             }
-            cacheFiles.set(file, cacheEntry);
+            console.error(`Error parsing ${file}`);
         }
-        return cacheFiles;
-    } catch (error) {
-        console.error(error);
-        throw Error("Error reading cache files");
     }
+    return cacheFiles;
 };
 
 async function NextCacheToolbar() {
@@ -56,6 +83,7 @@ async function NextCacheToolbar() {
     const cacheEntries = Array.from(files?.entries() ?? []);
     return /*#__PURE__*/ jsx("div", {
         id: "next-cache-toolbar",
+        className: "nct-text-primary nct-font-mono",
         children: /*#__PURE__*/ jsxs(CachePanelContextProvider, {
             children: [
                 /*#__PURE__*/ jsx(CachePanelTrigger, {

package/dist/es/{refresh-data-button-client-DtmaaItS.js → refresh-data-button-client-DaxVafNg.js}

@@ -1,7 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { B as Button } from './cache-panel-trigger-client-BGWDamj2.js';
-import { c as cn } from './cache-entry-client-D7rudsnu.js';
+import { B as Button, c as cn } from './cache-entry-client-CtWrVYTN.js';
 import { Loader2 } from 'lucide-react';
 import { useRouter } from 'next/navigation';
 import { useTransition } from 'react';

package/dist/style.css

@@ -1 +1,2 @@
-/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}#next-cache-toolbar{--background:0 0% 100%;--foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--popover:0 0% 100%;--popover-foreground:222.2 47.4% 11.2%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--card:0 0% 100%;--card-foreground:222.2 47.4% 11.2%;--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%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 100% 50%;--destructive-foreground:210 40% 98%;--ring:215 20.2% 65.1%;--radius:0.5rem}@media (prefers-color-scheme:dark){#next-cache-toolbar{--background:224 71% 4%;--foreground:213 31% 91%;--muted:223 47% 11%;--muted-foreground:215.4 16.3% 56.9%;--accent:216 34% 17%;--accent-foreground:210 40% 98%;--popover:224 71% 4%;--popover-foreground:215 20.2% 65.1%;--border:216 34% 17%;--input:216 34% 17%;--card:224 71% 4%;--card-foreground:213 31% 91%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 1.2%;--secondary:222.2 47.4% 11.2%;--secondary-foreground:210 40% 98%;--destructive:0 63% 31%;--destructive-foreground:210 40% 98%;--ring:216 34% 17%;--radius:0.5rem}}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.nct-fixed{position:fixed}.nct-sticky{position:sticky}.nct-inset-x-0{left:0;right:0}.nct-bottom-0{bottom:0}.nct-bottom-4{bottom:1rem}.nct-right-4{right:1rem}.nct-top-0{top:0}.nct-z-50{z-index:50}.nct-mt-4{margin-top:1rem}.nct-flex{display:flex}.nct-inline-flex{display:inline-flex}.nct-h-10{height:2.5rem}.nct-h-11{height:2.75rem}.nct-h-12{height:3rem}.nct-h-4{height:1rem}.nct-h-9{height:2.25rem}.nct-max-h-\[35vh\]{max-height:35vh}.nct-w-10{width:2.5rem}.nct-w-4{width:1rem}.nct-w-\[300px\]{width:300px}.nct-w-full{width:100%}.nct-max-w-\[25vw\]{max-width:25vw}.nct-caption-bottom{caption-side:bottom}@keyframes nct-spin{to{transform:rotate(1turn)}}.nct-animate-spin{animation:nct-spin 1s linear infinite}.nct-break-before-all{-moz-column-break-before:all;break-before:all}.nct-items-center{align-items:center}.nct-justify-end{justify-content:flex-end}.nct-justify-center{justify-content:center}.nct-gap-2{gap:.5rem}.nct-overflow-hidden{overflow:hidden}.nct-overflow-x-auto{overflow-x:auto}.nct-truncate{overflow:hidden;text-overflow:ellipsis}.nct-truncate,.nct-whitespace-nowrap{white-space:nowrap}.nct-rounded-full{border-radius:9999px}.nct-rounded-md{border-radius:calc(var(--radius) - 2px)}.nct-border{border-width:1px}.nct-border-b{border-bottom-width:1px}.nct-border-t{border-top-width:1px}.nct-border-input{border-color:hsl(var(--input))}.nct-border-transparent{border-color:#0000}.nct-bg-background{background-color:hsl(var(--background))}.nct-bg-destructive{background-color:hsl(var(--destructive))}.nct-bg-muted\/50{background-color:hsl(var(--muted)/.5)}.nct-bg-popover{background-color:hsl(var(--popover))}.nct-bg-primary{background-color:hsl(var(--primary))}.nct-bg-secondary{background-color:hsl(var(--secondary))}.nct-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.nct-from-fuchsia-500{--tw-gradient-from:#d946ef var(--tw-gradient-from-position);--tw-gradient-to:#d946ef00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nct-to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.nct-p-4{padding:1rem}.nct-px-2{padding-left:.5rem;padding-right:.5rem}.nct-px-2\.5{padding-left:.625rem;padding-right:.625rem}.nct-px-3{padding-left:.75rem;padding-right:.75rem}.nct-px-4{padding-left:1rem;padding-right:1rem}.nct-px-8{padding-left:2rem;padding-right:2rem}.nct-py-0{padding-top:0;padding-bottom:0}.nct-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.nct-py-1{padding-top:.25rem;padding-bottom:.25rem}.nct-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.nct-py-2{padding-top:.5rem;padding-bottom:.5rem}.nct-text-left{text-align:left}.nct-align-middle{vertical-align:middle}.nct-text-sm{font-size:.875rem;line-height:1.25rem}.nct-text-xs{font-size:.75rem;line-height:1rem}.nct-font-medium{font-weight:500}.nct-font-semibold{font-weight:600}.nct-text-destructive-foreground{color:hsl(var(--destructive-foreground))}.nct-text-foreground{color:hsl(var(--foreground))}.nct-text-muted-foreground{color:hsl(var(--muted-foreground))}.nct-text-popover-foreground{color:hsl(var(--popover-foreground))}.nct-text-primary{color:hsl(var(--primary))}.nct-text-primary-foreground{color:hsl(var(--primary-foreground))}.nct-text-secondary-foreground{color:hsl(var(--secondary-foreground))}.nct-underline{text-decoration-line:underline}.nct-underline-offset-4{text-underline-offset:4px}.nct-shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nct-ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.nct-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nct-animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nct-fade-in-0{--tw-enter-opacity:0}.nct-zoom-in-95{--tw-enter-scale:.95}.hover\:nct-bg-accent:hover{background-color:hsl(var(--accent))}.hover\:nct-bg-destructive\/80:hover{background-color:hsl(var(--destructive)/.8)}.hover\:nct-bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:nct-bg-muted\/50:hover{background-color:hsl(var(--muted)/.5)}.hover\:nct-bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:nct-bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:nct-bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:nct-text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:nct-underline:hover{text-decoration-line:underline}.focus\:nct-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:nct-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:nct-ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:nct-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:nct-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:nct-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:nct-ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:nct-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:nct-pointer-events-none:disabled{pointer-events:none}.disabled\:nct-opacity-50:disabled{opacity:.5}.data-\[state\=selected\]\:nct-bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=closed\]\:nct-animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:nct-fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:nct-zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[side\=bottom\]\:nct-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:nct-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:nct-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:nct-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.\[\&\:has\(\[role\=checkbox\]\)\]\:nct-pr-0:has([role=checkbox]){padding-right:0}.\[\&\>tr\]\:last\:nct-border-b-0:last-child>tr{border-bottom-width:0}.\[\&_tr\:last-child\]\:nct-border-0 tr:last-child{border-width:0}.\[\&_tr\]\:nct-border-b tr{border-bottom-width:1px}
+.json-view{display:block;color:#4d4d4d;text-align:left;--json-property:#009033;--json-index:#676dff;--json-number:#676dff;--json-string:#b2762e;--json-boolean:#dc155e;--json-null:#dc155e}.json-view .json-view--property{color:var(--json-property)}.json-view .json-view--index{color:var(--json-index)}.json-view .json-view--number{color:var(--json-number)}.json-view .json-view--string{color:var(--json-string)}.json-view .json-view--boolean{color:var(--json-boolean)}.json-view .json-view--null{color:var(--json-null)}.json-view .jv-indent{padding-left:1em}.json-view .jv-chevron{display:inline-block;vertical-align:-20%;cursor:pointer;opacity:.4;width:1em;height:1em}:is(.json-view .jv-chevron:hover,.json-view .jv-size:hover+.jv-chevron){opacity:.8}.json-view .jv-size{cursor:pointer;opacity:.4;font-size:.875em;font-style:italic;margin-left:.5em;vertical-align:-5%;line-height:1}.json-view .json-view--link svg,.json-view :is(.json-view--copy,.json-view--edit){display:none;width:1em;height:1em;margin-left:.25em;cursor:pointer}.json-view .json-view--input{width:120px;margin-left:.25em;border-radius:4px;border:1px solid;padding:0 4px;font-size:87.5%;line-height:1.25;background:#0000}.json-view .json-view--deleting{outline:1px solid #da0000;background-color:#da000011;text-decoration-line:line-through}:is(.json-view:hover,.json-view--pair:hover)>.json-view--link svg,:is(.json-view:hover,.json-view--pair:hover)>:is(.json-view--copy,.json-view--edit){display:inline-block}.json-view .jv-button{background:#0000;outline:none;border:none;cursor:pointer}.json-view .cursor-pointer{cursor:pointer}.json-view svg{vertical-align:-10%}.jv-size-chevron~svg{vertical-align:-16%}.json-view_a11y{color:#545454;--json-property:#aa5d00;--json-index:#007299;--json-number:#007299;--json-string:green;--json-boolean:#d91e18;--json-null:#d91e18}.json-view_github{color:#005cc5;--json-property:#005cc5;--json-index:#005cc5;--json-number:#005cc5;--json-string:#032f62;--json-boolean:#005cc5;--json-null:#005cc5}.json-view_vscode{color:#005cc5;--json-property:#0451a5;--json-index:#00f;--json-number:#00f;--json-string:#a31515;--json-boolean:#00f;--json-null:#00f}.json-view_atom{color:#383a42;--json-property:#e45649;--json-index:#986801;--json-number:#986801;--json-string:#50a14f;--json-boolean:#0184bc;--json-null:#0184bc}.json-view_winter-is-coming{color:#0431fa;--json-property:#3a9685;--json-index:#ae408b;--json-number:#ae408b;--json-string:#8123a9;--json-boolean:#0184bc;--json-null:#0184bc}
+/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}#next-cache-toolbar{--background:0 0% 100%;--foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--popover:0 0% 100%;--popover-foreground:222.2 47.4% 11.2%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--card:0 0% 100%;--card-foreground:222.2 47.4% 11.2%;--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%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 100% 50%;--destructive-foreground:210 40% 98%;--ring:215 20.2% 65.1%;--radius:0.5rem}@media (prefers-color-scheme:dark){#next-cache-toolbar{--background:224 71% 4%;--foreground:213 31% 91%;--muted:223 47% 11%;--muted-foreground:215.4 16.3% 56.9%;--accent:216 34% 17%;--accent-foreground:210 40% 98%;--popover:224 71% 4%;--popover-foreground:215 20.2% 65.1%;--border:216 34% 17%;--input:216 34% 17%;--card:224 71% 4%;--card-foreground:213 31% 91%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 1.2%;--secondary:222.2 47.4% 11.2%;--secondary-foreground:210 40% 98%;--destructive:0 63% 31%;--destructive-foreground:210 40% 98%;--ring:216 34% 17%;--radius:0.5rem}}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.nct-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.nct-fixed{position:fixed}.nct-absolute{position:absolute}.nct-sticky{position:sticky}.nct-inset-0{inset:0}.nct-inset-x-0{left:0;right:0}.nct-bottom-0{bottom:0}.nct-bottom-4{bottom:1rem}.nct-left-\[50\%\]{left:50%}.nct-right-4{right:1rem}.nct-top-0{top:0}.nct-top-4{top:1rem}.nct-top-\[50\%\]{top:50%}.nct-z-50{z-index:50}.nct-mt-4{margin-top:1rem}.nct-flex{display:flex}.nct-inline-flex{display:inline-flex}.nct-grid{display:grid}.nct-h-10{height:2.5rem}.nct-h-11{height:2.75rem}.nct-h-12{height:3rem}.nct-h-4{height:1rem}.nct-h-9{height:2.25rem}.nct-max-h-\[35vh\]{max-height:35vh}.nct-max-h-\[65vh\]{max-height:65vh}.nct-w-10{width:2.5rem}.nct-w-4{width:1rem}.nct-w-\[300px\]{width:300px}.nct-w-full{width:100%}.nct-max-w-\[25vw\]{max-width:25vw}.nct-max-w-lg{max-width:32rem}.nct-caption-bottom{caption-side:bottom}.nct-translate-x-\[-50\%\]{--tw-translate-x:-50%}.nct-translate-x-\[-50\%\],.nct-translate-y-\[-50\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.nct-translate-y-\[-50\%\]{--tw-translate-y:-50%}@keyframes nct-spin{to{transform:rotate(1turn)}}.nct-animate-spin{animation:nct-spin 1s linear infinite}.nct-break-before-all{-moz-column-break-before:all;break-before:all}.nct-flex-col{flex-direction:column}.nct-flex-col-reverse{flex-direction:column-reverse}.nct-items-center{align-items:center}.nct-justify-end{justify-content:flex-end}.nct-justify-center{justify-content:center}.nct-gap-2{gap:.5rem}.nct-gap-4{gap:1rem}.nct-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.nct-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.nct-space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.nct-overflow-hidden{overflow:hidden}.nct-overflow-x-auto{overflow-x:auto}.nct-overflow-y-auto{overflow-y:auto}.nct-overflow-x-hidden{overflow-x:hidden}.nct-truncate{overflow:hidden;text-overflow:ellipsis}.nct-truncate,.nct-whitespace-nowrap{white-space:nowrap}.nct-rounded-full{border-radius:9999px}.nct-rounded-md{border-radius:calc(var(--radius) - 2px)}.nct-rounded-sm{border-radius:calc(var(--radius) - 4px)}.nct-border{border-width:1px}.nct-border-b{border-bottom-width:1px}.nct-border-t{border-top-width:1px}.nct-border-input{border-color:hsl(var(--input))}.nct-border-transparent{border-color:#0000}.nct-bg-background{background-color:hsl(var(--background))}.nct-bg-black\/80{background-color:#000c}.nct-bg-destructive{background-color:hsl(var(--destructive))}.nct-bg-muted\/50{background-color:hsl(var(--muted)/.5)}.nct-bg-popover{background-color:hsl(var(--popover))}.nct-bg-primary{background-color:hsl(var(--primary))}.nct-bg-secondary{background-color:hsl(var(--secondary))}.nct-bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.nct-from-fuchsia-500{--tw-gradient-from:#d946ef var(--tw-gradient-from-position);--tw-gradient-to:#d946ef00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.nct-to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.nct-p-4{padding:1rem}.nct-p-6{padding:1.5rem}.nct-px-2{padding-left:.5rem;padding-right:.5rem}.nct-px-2\.5{padding-left:.625rem;padding-right:.625rem}.nct-px-3{padding-left:.75rem;padding-right:.75rem}.nct-px-4{padding-left:1rem;padding-right:1rem}.nct-px-8{padding-left:2rem;padding-right:2rem}.nct-py-0{padding-top:0;padding-bottom:0}.nct-py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.nct-py-1{padding-top:.25rem;padding-bottom:.25rem}.nct-py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.nct-py-2{padding-top:.5rem;padding-bottom:.5rem}.nct-text-left{text-align:left}.nct-text-center{text-align:center}.nct-align-middle{vertical-align:middle}.nct-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.nct-text-lg{font-size:1.125rem;line-height:1.75rem}.nct-text-sm{font-size:.875rem;line-height:1.25rem}.nct-text-xs{font-size:.75rem;line-height:1rem}.nct-font-medium{font-weight:500}.nct-font-semibold{font-weight:600}.nct-leading-none{line-height:1}.nct-tracking-tight{letter-spacing:-.025em}.nct-text-destructive-foreground{color:hsl(var(--destructive-foreground))}.nct-text-foreground{color:hsl(var(--foreground))}.nct-text-muted-foreground{color:hsl(var(--muted-foreground))}.nct-text-popover-foreground{color:hsl(var(--popover-foreground))}.nct-text-primary{color:hsl(var(--primary))}.nct-text-primary-foreground{color:hsl(var(--primary-foreground))}.nct-text-secondary-foreground{color:hsl(var(--secondary-foreground))}.nct-underline{text-decoration-line:underline}.nct-underline-offset-4{text-underline-offset:4px}.nct-opacity-70{opacity:.7}.nct-shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.nct-shadow-lg,.nct-shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.nct-shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.nct-ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.nct-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nct-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nct-duration-200{transition-duration:.2s}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0) scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0) scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.nct-animate-in{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.nct-fade-in-0{--tw-enter-opacity:0}.nct-zoom-in-95{--tw-enter-scale:.95}.nct-duration-200{animation-duration:.2s}.hover\:nct-bg-accent:hover{background-color:hsl(var(--accent))}.hover\:nct-bg-destructive\/80:hover{background-color:hsl(var(--destructive)/.8)}.hover\:nct-bg-destructive\/90:hover{background-color:hsl(var(--destructive)/.9)}.hover\:nct-bg-muted\/50:hover{background-color:hsl(var(--muted)/.5)}.hover\:nct-bg-primary\/80:hover{background-color:hsl(var(--primary)/.8)}.hover\:nct-bg-primary\/90:hover{background-color:hsl(var(--primary)/.9)}.hover\:nct-bg-secondary\/80:hover{background-color:hsl(var(--secondary)/.8)}.hover\:nct-text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:nct-underline:hover{text-decoration-line:underline}.hover\:nct-opacity-100:hover{opacity:1}.focus\:nct-outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:nct-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:nct-ring-ring:focus{--tw-ring-color:hsl(var(--ring))}.focus\:nct-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:nct-outline-none:focus-visible{outline:2px solid #0000;outline-offset:2px}.focus-visible\:nct-ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:nct-ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:nct-ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:nct-pointer-events-none:disabled{pointer-events:none}.disabled\:nct-opacity-50:disabled{opacity:.5}.data-\[state\=open\]\:nct-bg-accent[data-state=open]{background-color:hsl(var(--accent))}.data-\[state\=selected\]\:nct-bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=open\]\:nct-text-muted-foreground[data-state=open]{color:hsl(var(--muted-foreground))}.data-\[state\=open\]\:nct-animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial}.data-\[state\=closed\]\:nct-animate-out[data-state=closed]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial}.data-\[state\=closed\]\:nct-fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:nct-fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:nct-zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:nct-zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:nct-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:-0.5rem}.data-\[side\=left\]\:nct-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:0.5rem}.data-\[side\=right\]\:nct-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:-0.5rem}.data-\[side\=top\]\:nct-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:0.5rem}.data-\[state\=closed\]\:nct-slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:nct-slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:nct-slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:nct-slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}@media (min-width:640px){.sm\:nct-max-w-3xl{max-width:48rem}.sm\:nct-flex-row{flex-direction:row}.sm\:nct-justify-end{justify-content:flex-end}.sm\:nct-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)))}.sm\:nct-rounded-lg{border-radius:var(--radius)}.sm\:nct-text-left{text-align:left}}.\[\&\:has\(\[role\=checkbox\]\)\]\:nct-pr-0:has([role=checkbox]){padding-right:0}.\[\&\>tr\]\:last\:nct-border-b-0:last-child>tr{border-bottom-width:0}.\[\&_tr\:last-child\]\:nct-border-0 tr:last-child{border-width:0}.\[\&_tr\]\:nct-border-b tr{border-bottom-width:1px}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "next-cache-toolbar",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Toolbar with all cached data in Next.js app router",
   "scripts": {
     "prepublish": "npm run build",
@@ -10,13 +10,20 @@
     "dev:compile": "bunchee --watch",
     "dev:tailwind": "tailwindcss -i src/style.css -o dist/style.css --watch"
   },
-  "author": "Kajetan Szymczak <kajtszymczak@gmail.com>",
+  "author": {
+    "name": "Kajetan Szymczak"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/KajSzy/next-cache-toolbar"
+  },
   "engines": {
     "node": ">=18",
     "pnpm": ">=8"
   },
   "license": "MIT",
   "dependencies": {
+    "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-slot": "^1.0.2",
     "@radix-ui/react-tooltip": "^1.0.7",
     "class-variance-authority": "^0.7.0",
@@ -25,15 +32,16 @@
     "next": "^14",
     "react": "^18",
     "react-dom": "^18",
+    "react18-json-view": "^0.2.7",
     "tailwind-merge": "^2.2.1",
     "tailwindcss-animate": "^1.0.7",
     "zod": "^3.22.4"
   },
   "devDependencies": {
     "@biomejs/biome": "^1.5.3",
-    "@types/node": "^18.19.21",
-    "@types/react": "^18",
-    "@types/react-dom": "^18",
+    "@types/node": "^20.11.25",
+    "@types/react": "^18.2.61",
+    "@types/react-dom": "^18.2.19",
     "autoprefixer": "^10.4.18",
     "bunchee": "^4.4.8",
     "concurrently": "^8.2.2",
@@ -41,8 +49,8 @@
     "postcss": "^8.4.35",
     "rimraf": "^5.0.5",
     "tailwindcss": "^3.4.1",
-    "turbo": "^1.12.4",
-    "typescript": "^5"
+    "turbo": "^1.12.5",
+    "typescript": "^5.4.2"
   },
   "peerDependencies": {
     "next": "^14",

package/readme.md

@@ -4,6 +4,10 @@ A toolbar that helps to identify [data cache](https://nextjs.org/docs/app/buildi
 
 ![Example](./assets/example_image.png)
 
+## Preview cached body
+
+![Example](./assets/body_preview.png)
+
 ## Use
 
 `next-cache-toolbar` requires to use [app router](https://nextjs.org/docs/app/building-your-application/caching#data-cache)

package/dist/cjs/cache-panel-trigger-client-BzLneCfX.js

@@ -1,76 +0,0 @@
-'use client';
-var jsxRuntime = require('react/jsx-runtime');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var React = require('react');
-var cacheEntryClient = require('./cache-entry-client-CSirD693.js');
-var cachePanelContextClient = require('./cache-panel-context-client-B1EgwMzI.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;
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-const buttonVariants = classVarianceAuthority.cva("nct-inline-flex nct-items-center nct-justify-center nct-whitespace-nowrap nct-rounded-md nct-text-sm nct-font-medium nct-ring-offset-background nct-transition-colors focus-visible:nct-outline-none focus-visible:nct-ring-2 focus-visible:nct-ring-ring focus-visible:nct-ring-offset-2 disabled:nct-pointer-events-none disabled:nct-opacity-50", {
-    variants: {
-        variant: {
-            default: "nct-bg-primary nct-text-primary-foreground hover:nct-bg-primary/90",
-            destructive: "nct-bg-destructive nct-text-destructive-foreground hover:nct-bg-destructive/90",
-            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"
-        },
-        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"
-        }
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default"
-    }
-});
-const Button = /*#__PURE__*/ React__namespace.forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /*#__PURE__*/ jsxRuntime.jsx(Comp, {
-        className: cacheEntryClient.cn(buttonVariants({
-            variant,
-            size,
-            className
-        })),
-        ref: ref,
-        ...props
-    });
-});
-Button.displayName = "Button";
-
-function CachePanelTrigger(props) {
-    const { toggleOpen } = cachePanelContextClient.useCachePanelContext();
-    return /*#__PURE__*/ jsxRuntime.jsx(Button, {
-        variant: "ghost",
-        size: "icon",
-        onClick: toggleOpen,
-        ...props
-    });
-}
-
-exports.Button = Button;
-exports.CachePanelTrigger = CachePanelTrigger;

package/dist/es/cache-panel-trigger-client-BGWDamj2.js

@@ -1,55 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import * as React from 'react';
-import { c as cn } from './cache-entry-client-D7rudsnu.js';
-import { u as useCachePanelContext } from './cache-panel-context-client-D5NKXXpF.js';
-
-const buttonVariants = cva("nct-inline-flex nct-items-center nct-justify-center nct-whitespace-nowrap nct-rounded-md nct-text-sm nct-font-medium nct-ring-offset-background nct-transition-colors focus-visible:nct-outline-none focus-visible:nct-ring-2 focus-visible:nct-ring-ring focus-visible:nct-ring-offset-2 disabled:nct-pointer-events-none disabled:nct-opacity-50", {
-    variants: {
-        variant: {
-            default: "nct-bg-primary nct-text-primary-foreground hover:nct-bg-primary/90",
-            destructive: "nct-bg-destructive nct-text-destructive-foreground hover:nct-bg-destructive/90",
-            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"
-        },
-        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"
-        }
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default"
-    }
-});
-const Button = /*#__PURE__*/ React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
-    const Comp = asChild ? Slot : "button";
-    return /*#__PURE__*/ jsx(Comp, {
-        className: cn(buttonVariants({
-            variant,
-            size,
-            className
-        })),
-        ref: ref,
-        ...props
-    });
-});
-Button.displayName = "Button";
-
-function CachePanelTrigger(props) {
-    const { toggleOpen } = useCachePanelContext();
-    return /*#__PURE__*/ jsx(Button, {
-        variant: "ghost",
-        size: "icon",
-        onClick: toggleOpen,
-        ...props
-    });
-}
-
-export { Button as B, CachePanelTrigger as C };