@upstash/react-redis-browser 0.2.14-rc.7 → 0.2.14-rc.8

package/dist/index.d.mts

@@ -21,7 +21,7 @@ type RedisBrowserStorage = {
     get: () => string | null;
 };
 type TabType = "keys" | "search" | "all";
-declare const RedisBrowser: ({ url, token, hideTabs, tabType, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
+declare const RedisBrowser: ({ url, token, hideTabs, tabType, storage, disableTelemetry, onFullScreenClick, theme, allowSearch, }: RedisCredentials & {
     /**
      * Whether to disable telemetry.
      *
@@ -76,6 +76,14 @@ declare const RedisBrowser: ({ url, token, hideTabs, tabType, storage, disableTe
      * ```
      */
     theme?: DarkModeOption;
+    /**
+     * Whether to allow picking the "Search Index" type filter in keys search.
+     *
+     * This option is temporary
+     *
+     * @default true
+     */
+    allowSearch?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
 export { type DarkModeOption, RedisBrowser, type RedisBrowserStorage };

package/dist/index.d.ts

@@ -21,7 +21,7 @@ type RedisBrowserStorage = {
     get: () => string | null;
 };
 type TabType = "keys" | "search" | "all";
-declare const RedisBrowser: ({ url, token, hideTabs, tabType, storage, disableTelemetry, onFullScreenClick, theme, }: RedisCredentials & {
+declare const RedisBrowser: ({ url, token, hideTabs, tabType, storage, disableTelemetry, onFullScreenClick, theme, allowSearch, }: RedisCredentials & {
     /**
      * Whether to disable telemetry.
      *
@@ -76,6 +76,14 @@ declare const RedisBrowser: ({ url, token, hideTabs, tabType, storage, disableTe
      * ```
      */
     theme?: DarkModeOption;
+    /**
+     * Whether to allow picking the "Search Index" type filter in keys search.
+     *
+     * This option is temporary
+     *
+     * @default true
+     */
+    allowSearch?: boolean;
 }) => react_jsx_runtime.JSX.Element;
 
 export { type DarkModeOption, RedisBrowser, type RedisBrowserStorage };

package/dist/index.js

@@ -3368,10 +3368,14 @@ function Toaster() {
 // src/components/databrowser/hooks/use-fetch-search-indexes.tsx
 
 var FETCH_SEARCH_INDEXES_QUERY_KEY = "fetch-search-indexes";
-var useFetchSearchIndexes = (match) => {
+var useFetchSearchIndexes = ({
+  match,
+  enabled
+} = {}) => {
   const { redisNoPipeline: redis } = useRedis();
   return _reactquery.useQuery.call(void 0, {
     queryKey: [FETCH_SEARCH_INDEXES_QUERY_KEY],
+    enabled: _nullishCoalesce(enabled, () => ( true)),
     queryFn: async () => {
       let cursor = "0";
       const finalResult = [];
@@ -3434,7 +3438,8 @@ var SCAN_COUNTS = [100, 300, 500];
 var KeysProvider = ({ children }) => {
   const { active, search, valuesSearch, isValuesSearchSelected } = useTab();
   const { data: searchIndexDetails, isLoading: isIndexDetailsLoading } = useFetchSearchIndex(
-    valuesSearch.index
+    valuesSearch.index,
+    { enabled: isValuesSearchSelected }
   );
   const { redisNoPipeline: redis } = useRedis();
   const parsedValueQuery = parseJSObjectLiteral(valuesSearch.query);
@@ -7314,8 +7319,12 @@ var SearchInput = () => {
 // src/components/databrowser/components/sidebar/type-selector.tsx
 
 var ALL_TYPES_KEY = "all";
-function DataTypeSelector() {
+function DataTypeSelector({ allowSearch }) {
   const { search, setSearchType } = useTab();
+  const entries = [
+    [ALL_TYPES_KEY, "All Types"],
+    ...Object.entries(DATA_TYPE_NAMES).filter(([key]) => allowSearch || key !== "search")
+  ];
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     Select,
     {
@@ -7329,13 +7338,7 @@ function DataTypeSelector() {
       value: search.type === void 0 ? ALL_TYPES_KEY : search.type,
       children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectTrigger, { className: "!w-auto shrink-0 select-none whitespace-nowrap border-zinc-300 pr-8", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectValue, {}) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectGroup, { children: (() => {
-          const entries = [
-            [ALL_TYPES_KEY, "All Types"],
-            ...Object.entries(DATA_TYPE_NAMES)
-          ];
-          return entries.map(([key, value]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: key, children: value }, key));
-        })() }) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectContent, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectGroup, { children: entries.map(([key, value]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectItem, { value: key, children: value }, key)) }) })
       ]
     }
   );
@@ -7343,7 +7346,7 @@ function DataTypeSelector() {
 
 // src/components/databrowser/components/header/index.tsx
 
-var Header = ({ tabType }) => {
+var Header = ({ tabType, allowSearch }) => {
   const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between gap-1.5", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex grow items-center gap-1.5", children: [
@@ -7373,7 +7376,7 @@ var Header = ({ tabType }) => {
         }
       ),
       isValuesSearchSelected ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IndexSelector, {}) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTypeSelector, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataTypeSelector, { allowSearch }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SearchInput, {})
       ] })
     ] }),
@@ -10566,10 +10569,13 @@ var SearchContent = () => {
 };
 var DatabrowserInstance = ({
   hidden,
-  tabType
+  tabType,
+  allowSearch
 }) => {
   const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
-  const { data: indexes, isLoading } = useFetchSearchIndexes();
+  const { data: indexes, isLoading } = useFetchSearchIndexes({
+    enabled: tabType === "search"
+  });
   _react.useEffect.call(void 0, () => {
     if (tabType === "keys" && isValuesSearchSelected) {
       setIsValuesSearchSelected(false);
@@ -10587,7 +10593,7 @@ var DatabrowserInstance = ({
       ),
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-3 py-5", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Header, { tabType }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Header, { tabType, allowSearch }),
           isValuesSearchSelected && !showEmptyState && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SearchContent, {}),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderError, {})
         ] }),
@@ -11159,7 +11165,8 @@ var RedisBrowser = ({
   storage,
   disableTelemetry,
   onFullScreenClick,
-  theme = "light"
+  theme = "light",
+  allowSearch = false
 }) => {
   const credentials = _react.useMemo.call(void 0, () => ({ token, url }), [token, url]);
   const rootRef = _react.useRef.call(void 0, null);
@@ -11169,6 +11176,7 @@ var RedisBrowser = ({
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactquery.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RedisProvider, { redisCredentials: credentials, telemetry: !disableTelemetry, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DarkModeProvider, { theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserProvider, { storage, rootRef, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacttooltip.TooltipProvider, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     RedisBrowserRoot,
     {
+      allowSearch,
       hideTabs,
       tabType,
       rootRef,
@@ -11179,6 +11187,7 @@ var RedisBrowser = ({
 var RedisBrowserRoot = ({
   hideTabs,
   tabType,
+  allowSearch,
   rootRef,
   onFullScreenClick
 }) => {
@@ -11197,20 +11206,30 @@ var RedisBrowserRoot = ({
         ref: rootRef,
         children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col overflow-hidden rounded-[14px] border-[4px] border-zinc-300 text-zinc-700", children: [
           !hideTabs && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserTabs, { onFullScreenClick }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstances, { tabType })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstances, { tabType, allowSearch })
         ] })
       }
     )
   );
 };
-var DatabrowserInstances = ({ tabType }) => {
+var DatabrowserInstances = ({
+  tabType,
+  allowSearch
+}) => {
   const { tabs, selectedTab, selectTab, addTab } = useDatabrowserStore();
   _react.useEffect.call(void 0, () => {
     if (tabs.length === 0) addTab();
     else if (!selectedTab) selectTab(tabs[0][0]);
   }, [tabs, selectedTab, addTab, selectTab]);
   if (!selectedTab) return;
-  return tabs.map(([id]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabIdProvider, { value: id, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DatabrowserInstance, { hidden: id !== selectedTab, tabType }) }, id));
+  return tabs.map(([id]) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TabIdProvider, { value: id, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    DatabrowserInstance,
+    {
+      hidden: id !== selectedTab,
+      tabType,
+      allowSearch
+    }
+  ) }, id));
 };
 
 

package/dist/index.mjs

@@ -3368,10 +3368,14 @@ function Toaster() {
 // src/components/databrowser/hooks/use-fetch-search-indexes.tsx
 import { useQuery } from "@tanstack/react-query";
 var FETCH_SEARCH_INDEXES_QUERY_KEY = "fetch-search-indexes";
-var useFetchSearchIndexes = (match) => {
+var useFetchSearchIndexes = ({
+  match,
+  enabled
+} = {}) => {
   const { redisNoPipeline: redis } = useRedis();
   return useQuery({
     queryKey: [FETCH_SEARCH_INDEXES_QUERY_KEY],
+    enabled: enabled ?? true,
     queryFn: async () => {
       let cursor = "0";
       const finalResult = [];
@@ -3434,7 +3438,8 @@ var SCAN_COUNTS = [100, 300, 500];
 var KeysProvider = ({ children }) => {
   const { active, search, valuesSearch, isValuesSearchSelected } = useTab();
   const { data: searchIndexDetails, isLoading: isIndexDetailsLoading } = useFetchSearchIndex(
-    valuesSearch.index
+    valuesSearch.index,
+    { enabled: isValuesSearchSelected }
   );
   const { redisNoPipeline: redis } = useRedis();
   const parsedValueQuery = parseJSObjectLiteral(valuesSearch.query);
@@ -7314,8 +7319,12 @@ var SearchInput = () => {
 // src/components/databrowser/components/sidebar/type-selector.tsx
 import { jsx as jsx51, jsxs as jsxs30 } from "react/jsx-runtime";
 var ALL_TYPES_KEY = "all";
-function DataTypeSelector() {
+function DataTypeSelector({ allowSearch }) {
   const { search, setSearchType } = useTab();
+  const entries = [
+    [ALL_TYPES_KEY, "All Types"],
+    ...Object.entries(DATA_TYPE_NAMES).filter(([key]) => allowSearch || key !== "search")
+  ];
   return /* @__PURE__ */ jsxs30(
     Select,
     {
@@ -7329,13 +7338,7 @@ function DataTypeSelector() {
       value: search.type === void 0 ? ALL_TYPES_KEY : search.type,
       children: [
         /* @__PURE__ */ jsx51(SelectTrigger, { className: "!w-auto shrink-0 select-none whitespace-nowrap border-zinc-300 pr-8", children: /* @__PURE__ */ jsx51(SelectValue, {}) }),
-        /* @__PURE__ */ jsx51(SelectContent, { children: /* @__PURE__ */ jsx51(SelectGroup, { children: (() => {
-          const entries = [
-            [ALL_TYPES_KEY, "All Types"],
-            ...Object.entries(DATA_TYPE_NAMES)
-          ];
-          return entries.map(([key, value]) => /* @__PURE__ */ jsx51(SelectItem, { value: key, children: value }, key));
-        })() }) })
+        /* @__PURE__ */ jsx51(SelectContent, { children: /* @__PURE__ */ jsx51(SelectGroup, { children: entries.map(([key, value]) => /* @__PURE__ */ jsx51(SelectItem, { value: key, children: value }, key)) }) })
       ]
     }
   );
@@ -7343,7 +7346,7 @@ function DataTypeSelector() {
 
 // src/components/databrowser/components/header/index.tsx
 import { Fragment as Fragment9, jsx as jsx52, jsxs as jsxs31 } from "react/jsx-runtime";
-var Header = ({ tabType }) => {
+var Header = ({ tabType, allowSearch }) => {
   const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
   return /* @__PURE__ */ jsxs31("div", { className: "flex items-center justify-between gap-1.5", children: [
     /* @__PURE__ */ jsxs31("div", { className: "flex grow items-center gap-1.5", children: [
@@ -7373,7 +7376,7 @@ var Header = ({ tabType }) => {
         }
       ),
       isValuesSearchSelected ? /* @__PURE__ */ jsx52(IndexSelector, {}) : /* @__PURE__ */ jsxs31(Fragment9, { children: [
-        /* @__PURE__ */ jsx52(DataTypeSelector, {}),
+        /* @__PURE__ */ jsx52(DataTypeSelector, { allowSearch }),
         /* @__PURE__ */ jsx52(SearchInput, {})
       ] })
     ] }),
@@ -10566,10 +10569,13 @@ var SearchContent = () => {
 };
 var DatabrowserInstance = ({
   hidden,
-  tabType
+  tabType,
+  allowSearch
 }) => {
   const { isValuesSearchSelected, setIsValuesSearchSelected } = useTab();
-  const { data: indexes, isLoading } = useFetchSearchIndexes();
+  const { data: indexes, isLoading } = useFetchSearchIndexes({
+    enabled: tabType === "search"
+  });
   useEffect19(() => {
     if (tabType === "keys" && isValuesSearchSelected) {
       setIsValuesSearchSelected(false);
@@ -10587,7 +10593,7 @@ var DatabrowserInstance = ({
       ),
       children: [
         /* @__PURE__ */ jsxs44("div", { className: "space-y-3 py-5", children: [
-          /* @__PURE__ */ jsx73(Header, { tabType }),
+          /* @__PURE__ */ jsx73(Header, { tabType, allowSearch }),
           isValuesSearchSelected && !showEmptyState && /* @__PURE__ */ jsx73(SearchContent, {}),
           /* @__PURE__ */ jsx73(HeaderError, {})
         ] }),
@@ -11159,7 +11165,8 @@ var RedisBrowser = ({
   storage,
   disableTelemetry,
   onFullScreenClick,
-  theme = "light"
+  theme = "light",
+  allowSearch = false
 }) => {
   const credentials = useMemo12(() => ({ token, url }), [token, url]);
   const rootRef = useRef11(null);
@@ -11169,6 +11176,7 @@ var RedisBrowser = ({
   return /* @__PURE__ */ jsx78(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx78(RedisProvider, { redisCredentials: credentials, telemetry: !disableTelemetry, children: /* @__PURE__ */ jsx78(DarkModeProvider, { theme, children: /* @__PURE__ */ jsx78(DatabrowserProvider, { storage, rootRef, children: /* @__PURE__ */ jsx78(TooltipProvider, { children: /* @__PURE__ */ jsx78(
     RedisBrowserRoot,
     {
+      allowSearch,
       hideTabs,
       tabType,
       rootRef,
@@ -11179,6 +11187,7 @@ var RedisBrowser = ({
 var RedisBrowserRoot = ({
   hideTabs,
   tabType,
+  allowSearch,
   rootRef,
   onFullScreenClick
 }) => {
@@ -11197,20 +11206,30 @@ var RedisBrowserRoot = ({
         ref: rootRef,
         children: /* @__PURE__ */ jsxs48("div", { className: "flex h-full flex-col overflow-hidden rounded-[14px] border-[4px] border-zinc-300 text-zinc-700", children: [
           !hideTabs && /* @__PURE__ */ jsx78(DatabrowserTabs, { onFullScreenClick }),
-          /* @__PURE__ */ jsx78(DatabrowserInstances, { tabType })
+          /* @__PURE__ */ jsx78(DatabrowserInstances, { tabType, allowSearch })
         ] })
       }
     )
   );
 };
-var DatabrowserInstances = ({ tabType }) => {
+var DatabrowserInstances = ({
+  tabType,
+  allowSearch
+}) => {
   const { tabs, selectedTab, selectTab, addTab } = useDatabrowserStore();
   useEffect22(() => {
     if (tabs.length === 0) addTab();
     else if (!selectedTab) selectTab(tabs[0][0]);
   }, [tabs, selectedTab, addTab, selectTab]);
   if (!selectedTab) return;
-  return tabs.map(([id]) => /* @__PURE__ */ jsx78(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx78(DatabrowserInstance, { hidden: id !== selectedTab, tabType }) }, id));
+  return tabs.map(([id]) => /* @__PURE__ */ jsx78(TabIdProvider, { value: id, children: /* @__PURE__ */ jsx78(
+    DatabrowserInstance,
+    {
+      hidden: id !== selectedTab,
+      tabType,
+      allowSearch
+    }
+  ) }, id));
 };
 export {
   RedisBrowser

package/package.json

@@ -1 +1 @@
-{ "name": "@upstash/react-redis-browser", "version": "v0.2.14-rc.7", "main": "./dist/index.js", "types": "./dist/index.d.ts", "license": "MIT", "private": false, "publishConfig": { "access": "public" }, "repository": { "type": "git", "url": "git@github.com:upstash/react-redis-browser.git" }, "bugs": { "url": "https://github.com/upstash/react-redis-browser/issues" }, "homepage": "https://github.com/upstash/react-redis-browser", "files": [ "./dist/**" ], "scripts": { "build": "tsup", "dev": "vite", "lint": "tsc && eslint", "fmt": "prettier --write ./src", "prepare": "husky" }, "lint-staged": { "**/*.{js,ts,tsx}": [ "prettier --write", "eslint --fix" ] }, "dependencies": { "@dnd-kit/core": "^6.3.1", "@dnd-kit/modifiers": "^9.0.0", "@dnd-kit/sortable": "^10.0.0", "@dnd-kit/utilities": "^3.2.2", "@ianvs/prettier-plugin-sort-imports": "^4.4.0", "@monaco-editor/react": "^4.6.0", "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-context-menu": "^2.2.2", "@radix-ui/react-dialog": "^1.1.14", "@radix-ui/react-dropdown-menu": "^2.1.15", "@radix-ui/react-label": "^2.1.8", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-portal": "^1.1.2", "@radix-ui/react-progress": "^1.1.8", "@radix-ui/react-scroll-area": "^1.0.3", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-separator": "^1.1.8", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-toast": "^1.1.5", "@radix-ui/react-tooltip": "^1.0.7", "@tabler/icons-react": "^3.19.0", "@tanstack/react-query": "^5.32.0", "@types/bytes": "^3.1.4", "@upstash/redis": "1.37.0-rc.6", "bytes": "^3.1.2", "cmdk": "^1.1.1", "react-hook-form": "^7.53.0", "react-resizable-panels": "^2.1.4", "zustand": "5.0.0" }, "devDependencies": { "@playwright/test": "^1.56.1", "@types/bun": "^1.3.7", "@types/node": "^22.8.4", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@typescript-eslint/eslint-plugin": "8.4.0", "@typescript-eslint/parser": "8.4.0", "@vitejs/plugin-react": "^4.1.0", "autoprefixer": "^10.4.14", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "dotenv": "^16.5.0", "eslint": "9.10.0", "eslint-plugin-unicorn": "55.0.0", "husky": "^9.1.7", "lint-staged": "^16.2.7", "postcss": "^8.4.31", "postcss-prefix-selector": "^2.1.0", "prettier": "^3.0.3", "prettier-plugin-tailwindcss": "^0.5.5", "react": "^18.3.1", "react-dom": "^18.3.1", "tailwind-merge": "^2.5.4", "tailwindcss": "^3.4.14", "tailwindcss-animate": "^1.0.7", "tsup": "^8.3.5", "typescript": "^5.0.4", "vite": "^5.4.10", "vite-tsconfig-paths": "^5.0.1" }, "peerDependencies": { "react": "^18.2.0 || ^19", "react-dom": "^18.2.0 || ^19" } }
+{ "name": "@upstash/react-redis-browser", "version": "v0.2.14-rc.8", "main": "./dist/index.js", "types": "./dist/index.d.ts", "license": "MIT", "private": false, "publishConfig": { "access": "public" }, "repository": { "type": "git", "url": "git@github.com:upstash/react-redis-browser.git" }, "bugs": { "url": "https://github.com/upstash/react-redis-browser/issues" }, "homepage": "https://github.com/upstash/react-redis-browser", "files": [ "./dist/**" ], "scripts": { "build": "tsup", "dev": "vite", "lint": "tsc && eslint", "fmt": "prettier --write ./src", "prepare": "husky" }, "lint-staged": { "**/*.{js,ts,tsx}": [ "prettier --write", "eslint --fix" ] }, "dependencies": { "@dnd-kit/core": "^6.3.1", "@dnd-kit/modifiers": "^9.0.0", "@dnd-kit/sortable": "^10.0.0", "@dnd-kit/utilities": "^3.2.2", "@ianvs/prettier-plugin-sort-imports": "^4.4.0", "@monaco-editor/react": "^4.6.0", "@radix-ui/react-alert-dialog": "^1.0.5", "@radix-ui/react-context-menu": "^2.2.2", "@radix-ui/react-dialog": "^1.1.14", "@radix-ui/react-dropdown-menu": "^2.1.15", "@radix-ui/react-label": "^2.1.8", "@radix-ui/react-popover": "^1.0.7", "@radix-ui/react-portal": "^1.1.2", "@radix-ui/react-progress": "^1.1.8", "@radix-ui/react-scroll-area": "^1.0.3", "@radix-ui/react-select": "^2.0.0", "@radix-ui/react-separator": "^1.1.8", "@radix-ui/react-slot": "^1.0.2", "@radix-ui/react-toast": "^1.1.5", "@radix-ui/react-tooltip": "^1.0.7", "@tabler/icons-react": "^3.19.0", "@tanstack/react-query": "^5.32.0", "@types/bytes": "^3.1.4", "@upstash/redis": "1.37.0-rc.6", "bytes": "^3.1.2", "cmdk": "^1.1.1", "react-hook-form": "^7.53.0", "react-resizable-panels": "^2.1.4", "zustand": "5.0.0" }, "devDependencies": { "@playwright/test": "^1.56.1", "@types/bun": "^1.3.7", "@types/node": "^22.8.4", "@types/react": "^18.3.12", "@types/react-dom": "^18.3.1", "@typescript-eslint/eslint-plugin": "8.4.0", "@typescript-eslint/parser": "8.4.0", "@vitejs/plugin-react": "^4.1.0", "autoprefixer": "^10.4.14", "class-variance-authority": "^0.7.0", "clsx": "^2.0.0", "dotenv": "^16.5.0", "eslint": "9.10.0", "eslint-plugin-unicorn": "55.0.0", "husky": "^9.1.7", "lint-staged": "^16.2.7", "postcss": "^8.4.31", "postcss-prefix-selector": "^2.1.0", "prettier": "^3.0.3", "prettier-plugin-tailwindcss": "^0.5.5", "react": "^18.3.1", "react-dom": "^18.3.1", "tailwind-merge": "^2.5.4", "tailwindcss": "^3.4.14", "tailwindcss-animate": "^1.0.7", "tsup": "^8.3.5", "typescript": "^5.0.4", "vite": "^5.4.10", "vite-tsconfig-paths": "^5.0.1" }, "peerDependencies": { "react": "^18.2.0 || ^19", "react-dom": "^18.2.0 || ^19" } }