@tezx/devtools 1.0.13 → 1.0.14

package/README.md

@@ -25,7 +25,6 @@ In your TezX app entry (e.g., `server.ts` or `index.ts`):
 
 ```ts
 import { TezX } from "tezx";
-import {nodeAdapter} from "tezx/node";
 import DevTools from "@tezx/devtools";
 
 const app = new TezX();
@@ -39,7 +38,6 @@ app.get(
   })
 );
 
-nodeAdapter(app).listen(3000);
 ```
 
 Now visit:
@@ -74,35 +72,6 @@ DevTools(app: TezX<any>, options?: Options): Callback
 
 ---
 
-## 🛠️ Add Custom Tabs
-
-You can inject your own debug panels using the `extraTabs` option.
-
-```ts
-import DevTools , { dumpMiddlewares } from "@tezx/devtools";
-
-app.get(
-  "/devtools",
-  DevTools(app, {
-    extraTabs(ctx) {
-      const rows = dumpMiddlewares(app)
-        .map(r => `<tr><td>${r.endpoint}</td><td>${r.pattern}</td><td>${r.appliedMiddlewares}</td></tr>`)
-        .join("");
-      return [
-        {
-          tab: "middlewares",
-          label: "Middleware Table",
-          doc_title: "Middleware Overview",
-          content: `<table>${rows}</table>`
-        }
-      ];
-    }
-  })
-);
-```
-
----
-
 ## 📚 Types
 
 ```ts

package/cjs/index.js

@@ -3,9 +3,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DevTools = DevTools;
 const helper_1 = require("tezx/helper");
 const index_js_1 = require("./html/index.js");
-function DevTools(app, options = { disableTabs: [] }) {
-    let { disableTabs, extraTabs } = options;
+function DevTools(app, options = {
+    disableTabs: [],
+    enable: true,
+}) {
+    let { disableTabs } = options;
     return async (ctx) => {
+        if (!options?.enable) {
+            return ctx
+                .status(404)
+                .json({ error: "Devtools not enabled in this environment" });
+        }
         let extraTabs = await (typeof options.extraTabs === "function"
             ? options.extraTabs(ctx)
             : []);

package/index.d.ts

@@ -1,8 +1,16 @@
 import { Callback, Context, TezX } from "tezx";
 import { Tab, TabType } from "./html/index.js";
+/**
+ * Configuration options for the devtools.
+ *
+ * @property extraTabs - A function that receives the current context and returns additional tabs to be displayed. Can return a single tab or a promise resolving to a tab.
+ * @property disableTabs - An array of tabs to be disabled in the UI.
+ * @property enable - Indicates whether the devtools should be enabled. Set to `true` to activate devtools, or `false` to disable (e.g., in production).
+ */
 export type Options = {
     extraTabs?: (ctx: Context) => Promise<TabType> | TabType;
     disableTabs?: Tab[];
+    enable: boolean;
 };
 export declare function DevTools(app: TezX<any>, options?: Options): Callback;
 export default DevTools;

package/index.js

@@ -1,8 +1,16 @@
 import { GlobalConfig } from "tezx/helper";
 import { html as htmlTab } from "./html/index.js";
-export function DevTools(app, options = { disableTabs: [] }) {
-    let { disableTabs, extraTabs } = options;
+export function DevTools(app, options = {
+    disableTabs: [],
+    enable: true,
+}) {
+    let { disableTabs } = options;
     return async (ctx) => {
+        if (!options?.enable) {
+            return ctx
+                .status(404)
+                .json({ error: "Devtools not enabled in this environment" });
+        }
         let extraTabs = await (typeof options.extraTabs === "function"
             ? options.extraTabs(ctx)
             : []);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tezx/devtools",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Developer tools for the TezX framework, including route inspector, cookie manager, and real-time diagnostics. Lightweight and plug-and-play compatible with Node.js, Bun, and Deno.",
   "type": "module",
   "main": "cjs/index.cjs",