@withgus/debug 0.1.0

package/dist/mocks/types.d.ts

@@ -0,0 +1,25 @@
+import type { HttpHandler } from 'msw';
+export type MockScenario = 'success' | 'error' | 'loading' | 'not_found' | 'forbidden' | 'network_error';
+export type HttpMethod = 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE';
+export interface MockOption {
+    id: string;
+    label: string;
+    description: string;
+    statusCode: number | null;
+    scenario: MockScenario;
+    payload?: Record<string, unknown> | unknown[];
+}
+export interface EndpointConfig {
+    id: string;
+    method: HttpMethod;
+    path: string;
+    selectedScenario: MockScenario;
+    options: MockOption[];
+}
+export type ScenarioHandlerMap = Record<string, () => HttpHandler>;
+export interface PageMockConfig {
+    /** Unique page identifier — typically the route path, e.g. '/team' */
+    pageId: string;
+    endpoints: EndpointConfig[];
+    handlers: Record<string, ScenarioHandlerMap>;
+}

package/dist/store/debugDrawerStore.d.ts

@@ -0,0 +1,30 @@
+import type { SetupWorker } from "msw/browser";
+import { EndpointConfig, MockScenario, PageMockConfig, ScenarioHandlerMap } from "../mocks/types";
+export type GlobalPreset = "success" | "error" | "loading" | null;
+interface PageEntry {
+    endpoints: EndpointConfig[];
+    handlers: Record<string, ScenarioHandlerMap>;
+}
+interface DebugDrawerState {
+    pages: Record<string, PageEntry>;
+    currentPageId: string | null;
+    expandedIds: Set<string>;
+    globalPreset: GlobalPreset;
+    pendingChanges: boolean;
+    mockEnabled: boolean;
+    _worker: SetupWorker | null;
+    _setWorker: (worker: SetupWorker) => void;
+    registerPage: (config: PageMockConfig) => void;
+    unregisterPage: (pageId: string) => void;
+    setCurrentPage: (pageId: string) => void;
+    toggleEndpoint: (id: string) => void;
+    selectScenario: (endpointId: string, scenario: MockScenario) => void;
+    applyGlobalPreset: (preset: GlobalPreset) => void;
+    applyChanges: () => void;
+    resetCurrentPage: () => void;
+    toggleMockEnabled: () => Promise<void>;
+}
+export declare const useDebugDrawerStore: import("zustand").UseBoundStore<import("zustand").StoreApi<DebugDrawerState>>;
+export declare const selectCurrentEndpoints: (s: DebugDrawerState) => EndpointConfig[];
+export declare const selectFabStatus: (s: DebugDrawerState) => "ok" | "warn" | "error" | "off";
+export {};

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@withgus/debug",
+  "version": "0.1.0",
+  "description": "A debug drawer for switching MSW mock scenarios per page at runtime",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "author": {
+    "name": "Gustavo S Souza",
+    "email": "kyoro_souza@hotmail.com",
+    "url": "https://github.com/Futhememe-official"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "msw": ">=2.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0",
+    "vaul": ">=1.0.0",
+    "zustand": ">=4.0.0"
+  },
+  "devDependencies": {
+    "@changesets/cli": "^2.30.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.5.1",
+    "tailwindcss": "^3.4.17",
+    "typescript": "~5.7.2",
+    "vite": "^6.0.5",
+    "vite-plugin-dts": "^4.3.0"
+  },
+  "keywords": [
+    "msw",
+    "mock",
+    "debug",
+    "drawer",
+    "testing",
+    "react",
+    "vaul"
+  ],
+  "license": "MIT",
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly --declaration --outDir dist",
+    "typecheck": "tsc --noEmit",
+    "dev": "vite build --watch",
+    "release": "pnpm build && changeset publish"
+  }
+}