@drsneox-tools/api-debugger-mantine

Mantine UI for @drsneox-tools/api-debugger.

Install

npm install @drsneox-tools/api-debugger @drsneox-tools/api-debugger-mantine @mantine/core @tabler/icons-react react react-dom axios

Usage

import { configureApiDebugger, installApiRequestDebugger } from '@drsneox-tools/api-debugger';
import { ApiRequestDebugger } from '@drsneox-tools/api-debugger-mantine';

configureApiDebugger({ enabled: import.meta.env.DEV, storageKeyPrefix: 'my-app' });
installApiRequestDebugger([axiosInstance]);

function App() {
  return (
    <>
      <YourApp />
      <ApiRequestDebugger />
    </>
  );
}

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | statusPanel | ReactNode | встроенная панель | Заменяет панель по умолчанию целиком | | showDefaultStatusPanel | boolean | true | Таймеры, погода, праздник, курс | | enabled | boolean | из configureApiDebugger | Переопределить enabled |

Встроенная панель статуса (по умолчанию)

Без statusPanel автоматически показывается:

• Таймеры: до обеда / до конца обеда / до конца смены (18:30 МСК)
• Погода в Москве
• Ближайший праздник РФ
• Курс USD/EUR (ЦБ)

Настройка строк — кнопка ⚙️ на панели. Для погоды и курса нужны vite proxy /debug-proxy/* или свои URL в configureApiDebugger.

• Request list with filters (URL, method, status groups 2xx–5xx, exclude patterns)
• Copy URL / full request to clipboard
• Settings panel (visible sections, response body height)
• Modal phrases editor (localStorage)
• Full localStorage browser

License

MIT