FCE-2473 / add article on debug option

docs/explanation/sandbox-api-concept.mdx

@@ -35,10 +35,7 @@ The Sandbox API mitigates this issue and allows you to start frontend developmen
 The Sandbox API is essentially a simplified application built using the Fishjam Server SDKs:
 
 ```typescript
-import {
-  FishjamClient,
-  RoomConfigRoomTypeEnum,
-} from "@fishjam-cloud/js-server-sdk";
+import { FishjamClient, RoomType } from "@fishjam-cloud/js-server-sdk";
 import express from "express";
 const fishjamId = "";
 const managementToken = "";
@@ -53,7 +50,7 @@ app.get("/", async (req: express.Request, res: express.Response) => {
 
   // Create or get room
   const room = await fishjamClient.createRoom({
-    roomType: roomType as RoomConfigRoomTypeEnum,
+    roomType: roomType as RoomType,
   });
 
   // Create or get peer

docs/how-to/react/debug-logging.mdx

@@ -0,0 +1,66 @@
+---
+sidebar_position: 9
+---
+
+# Debug logging
+
+The Fishjam SDK includes a built-in debugging mode to help developers troubleshoot connectivity and media issues during development. This feature controls the verbosity of the SDK's internal logging mechanisms.
+
+## Overview
+
+By default, the SDK suppresses internal logs to keep your browser console clean in production environments. Enabling `debug` mode allows the SDK to output warnings and errors to the console, prefixed with `[FISHJAM]`.
+
+## Usage
+
+To enable debugging in a React application, pass the `debug` prop to the `FishjamProvider`.
+
+```tsx
+import React from "react";
+const App = () => null;
+// ---cut---
+import { FishjamProvider } from "@fishjam-cloud/react-client";
+
+function Root() {
+  return (
+    <FishjamProvider
+      fishjamId="your-fishjam-id"
+      debug // Enable debug logs
+    >
+      <App />
+    </FishjamProvider>
+  );
+}
+```
+
+We recommend toggling this based on your environment variables:
+
+```tsx
+import React from "react";
+import { FishjamProvider } from "@fishjam-cloud/react-client";
+const process = {
+  env: { NODE_ENV: "development", FISHJAM_ID: "your-fishjam-id" },
+};
+const App = () => null;
+// ---cut---
+<FishjamProvider
+  fishjamId={process.env.FISHJAM_ID}
+  debug={process.env.NODE_ENV === "development"}
+>
+  <App />
+</FishjamProvider>;
+```
+
+## Behavior
+
+- **Enabled (`true`):** The SDK will log internal warnings (e.g., permission errors, socket closures, signaling issues) and errors to the browser console. All logs are prefixed with `[FISHJAM]` for easy filtering.
+- **Disabled (`false` or `undefined`):** The SDK operates silently, suppressing internal `console.warn` and `console.error` calls to prevent console pollution.
+
+### Example Output
+
+When enabled, you may see logs similar to:
+
+```text
+[FISHJAM] Socket closed with reason: ...
+[FISHJAM] Couldn't get camera permission: NotAllowedError ...
+[FISHJAM] ICE connection: disconnected
+```

docusaurus.config.ts

@@ -65,7 +65,7 @@ function injectTypeDocSidebar(
   version: SidebarItemsGeneratorVersion,
   items: NormalizedSidebar,
 ): NormalizedSidebar {
-  const docs_without_python_reference = ["0.20.0", "0.21.0", "0.22.0"];
+  const docs_without_python_reference = ["0.22.0"];
 
   const exclude_python = docs_without_python_reference.includes(
     version.versionName,
@@ -107,18 +107,8 @@ function injectTypeDocSidebar(
           label: "Server SDK for Python",
           items: [
             {
-              type: "category",
-              label: "fishjam",
-              link: {
-                type: "doc",
-                id: "api/server-python/fishjam",
-              },
-              items: [
-                {
-                  type: "autogenerated",
-                  dirName: "api/server-python/fishjam",
-                },
-              ],
+              type: "autogenerated",
+              dirName: "api/server-python",
             },
           ],
         });