@tezx/devtools 1.0.0 → 1.0.2

package/cjs/devtools/dumpRoutes.js

@@ -1,41 +1,50 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.sanitizePathSplit = sanitizePathSplit;
 exports.dumpRoutes = dumpRoutes;
+function sanitizePathSplit(basePath, path) {
+    const parts = `${basePath}/${path}`
+        .replace(/\\/g, '')
+        .replace(/\/+/g, '/')
+        ?.split("/")
+        .filter(Boolean);
+    return parts;
+}
 function collectRoutes(node, basePath = '/') {
     const routes = [];
-    let fullPath = node.pathname;
-    if (node.isParam) {
-        fullPath = `${basePath}/:${node.paramName}`;
+    let fullPath = basePath;
+    if (node.isParam && node.paramName) {
+        fullPath = `${basePath.replace(/\/+$/, "")}${node.paramName}`;
     }
-    let pathname = fullPath?.replace(/\/+/g, '/');
-    for (const [method, _handler] of node.handlers.entries()) {
+    const pathname = sanitizePathSplit("/", fullPath).join("/");
+    for (const [method, handler] of node.handlers.entries()) {
         routes.push({
             method,
-            match: node.pathname == pathname,
-            userPath: node.pathname,
-            routePattern: pathname,
-            appliedMiddlewares: [..._handler.middlewares].map(r => r?.name || "anonymous")
+            endpoint: node.pathname,
+            pattern: `/${pathname}`,
+            appliedMiddlewares: [...(handler?.middlewares || [])].map((r) => r?.name || "anonymous"),
         });
     }
-    for (const child of node.children.values()) {
-        routes.push(...collectRoutes(child, fullPath));
+    for (const [childPath, childNode] of node.children.entries()) {
+        const newPath = sanitizePathSplit(fullPath, childPath).join("/");
+        routes.push(...collectRoutes(childNode, newPath));
     }
     return routes;
 }
 function dumpRoutes(TezX) {
     let app = TezX;
-    let tri = collectRoutes(app.triRouter);
+    const triRoutes = collectRoutes(app.triRouter);
+    const staticRoutes = [];
     for (const [path, handlers] of app.routers) {
-        handlers.forEach((_, key) => {
-            console.log();
-            tri.push({
+        for (const [method, handler] of handlers) {
+            staticRoutes.push({
                 match: true,
-                userPath: `/${path}`,
-                routePattern: `/${path}`,
-                method: key,
-                appliedMiddlewares: [..._?.middlewares]?.map(r => r?.name || "anonymous")
+                endpoint: `/${path}`,
+                pattern: `/${path}`,
+                method,
+                appliedMiddlewares: [...(handler?.middlewares || [])].map((r) => r?.name || "anonymous"),
             });
-        });
+        }
     }
-    return tri;
+    return [...triRoutes, ...staticRoutes];
 }

package/cjs/html/routes.js

@@ -15,7 +15,7 @@ function Routes(ctx, app) {
     }
     const rawJSON = JSON.stringify(allRoutes, null, 2);
     const toCSV = (data) => {
-        const headers = ['method', 'match', 'userPath', 'routePattern', 'appliedMiddlewares'];
+        const headers = ['method', 'endpoint', 'pattern', 'appliedMiddlewares'];
         const csvRows = [
             headers.join(','),
             ...data.map(r => headers.map(h => JSON.stringify(r[h] ?? '')).join(','))
@@ -74,7 +74,6 @@ function Routes(ctx, app) {
             <tr>
                 <th>#</th>
                 <th>Method</th>
-                <th>Match</th>
                 <th>User Path</th>
                 <th>Route Pattern</th>
                 <th>Middlewares</th>
@@ -85,9 +84,8 @@ function Routes(ctx, app) {
             <tr>
                 <td>${i + 1}</td>
                 <td>${r.method}</td>
-                <td>${r.match}</td>
-                <td>${r.userPath}</td>
-                <td>${r.routePattern}</td>
+                <td>${r.endpoint}</td>
+                <td>${r.pattern}</td>
                 <td>${(r.appliedMiddlewares || []).join(', ')}</td>
             </tr>`).join('')}
         </tbody>
@@ -109,7 +107,7 @@ function Routes(ctx, app) {
     ${Object.entries(middlewareRoutes).map(([mw, routes]) => `
     <h3>🔹 ${mw} (${routes.length})</h3>
     <ul>
-        ${routes.map(r => `<li><code>${r.method} ${r.userPath}</code></li>`).join('')}
+        ${routes.map(r => `<li><code>${r.method} ${r.endpoint}</code></li>`).join('')}
     </ul>
     `).join('')}
 </div>

package/cjs/index.js

@@ -275,14 +275,14 @@ function DevTools(app, options = { disableTabs: [], extraTabs: [] }) {
                 ${find?.doc_title}
             </h1>
             ${find?.content}
-            <section>
+        </section>
                 <script>
 
                     const themeCookieName = "tezx-theme";
 
                     function setCookie(name, value, days = 30) {
                         const expires = new Date(Date.now() + days * 864e5).toUTCString();
-                        document.cookie = ${"`${ name }=${ value }; expires = ${ expires }; path =/`"};
+                        document.cookie = name +"="+ value +"; expires = "+ expires +"; path =/";
                     }
                     function getCookie(name) {
                         return document.cookie.split('; ').reduce((acc, cookie) => {

package/devtools/dumpRoutes.d.ts

@@ -1,9 +1,15 @@
-import { TezX } from "tezx";
+import type { TezX } from "tezx";
+export declare function sanitizePathSplit(basePath: string, path: string): string[];
 export type RouteEntry = {
     method: string;
-    routePattern: string;
-    userPath: string;
+    pattern: string;
+    endpoint: string;
     appliedMiddlewares: string[];
-    match: boolean;
 };
-export declare function dumpRoutes(TezX: TezX): RouteEntry[];
+export declare function dumpRoutes(TezX: TezX<any>): (RouteEntry | {
+    match: boolean;
+    endpoint: string;
+    pattern: string;
+    method: any;
+    appliedMiddlewares: any[];
+})[];

package/devtools/dumpRoutes.js

@@ -1,38 +1,46 @@
+export function sanitizePathSplit(basePath, path) {
+    const parts = `${basePath}/${path}`
+        .replace(/\\/g, '')
+        .replace(/\/+/g, '/')
+        ?.split("/")
+        .filter(Boolean);
+    return parts;
+}
 function collectRoutes(node, basePath = '/') {
     const routes = [];
-    let fullPath = node.pathname;
-    if (node.isParam) {
-        fullPath = `${basePath}/:${node.paramName}`;
+    let fullPath = basePath;
+    if (node.isParam && node.paramName) {
+        fullPath = `${basePath.replace(/\/+$/, "")}${node.paramName}`;
     }
-    let pathname = fullPath?.replace(/\/+/g, '/');
-    for (const [method, _handler] of node.handlers.entries()) {
+    const pathname = sanitizePathSplit("/", fullPath).join("/");
+    for (const [method, handler] of node.handlers.entries()) {
         routes.push({
             method,
-            match: node.pathname == pathname,
-            userPath: node.pathname,
-            routePattern: pathname,
-            appliedMiddlewares: [..._handler.middlewares].map(r => r?.name || "anonymous")
+            endpoint: node.pathname,
+            pattern: `/${pathname}`,
+            appliedMiddlewares: [...(handler?.middlewares || [])].map((r) => r?.name || "anonymous"),
         });
     }
-    for (const child of node.children.values()) {
-        routes.push(...collectRoutes(child, fullPath));
+    for (const [childPath, childNode] of node.children.entries()) {
+        const newPath = sanitizePathSplit(fullPath, childPath).join("/");
+        routes.push(...collectRoutes(childNode, newPath));
     }
     return routes;
 }
 export function dumpRoutes(TezX) {
     let app = TezX;
-    let tri = collectRoutes(app.triRouter);
+    const triRoutes = collectRoutes(app.triRouter);
+    const staticRoutes = [];
     for (const [path, handlers] of app.routers) {
-        handlers.forEach((_, key) => {
-            console.log();
-            tri.push({
+        for (const [method, handler] of handlers) {
+            staticRoutes.push({
                 match: true,
-                userPath: `/${path}`,
-                routePattern: `/${path}`,
-                method: key,
-                appliedMiddlewares: [..._?.middlewares]?.map(r => r?.name || "anonymous")
+                endpoint: `/${path}`,
+                pattern: `/${path}`,
+                method,
+                appliedMiddlewares: [...(handler?.middlewares || [])].map((r) => r?.name || "anonymous"),
             });
-        });
+        }
     }
-    return tri;
+    return [...triRoutes, ...staticRoutes];
 }

package/html/routes.js

@@ -12,7 +12,7 @@ export function Routes(ctx, app) {
     }
     const rawJSON = JSON.stringify(allRoutes, null, 2);
     const toCSV = (data) => {
-        const headers = ['method', 'match', 'userPath', 'routePattern', 'appliedMiddlewares'];
+        const headers = ['method', 'endpoint', 'pattern', 'appliedMiddlewares'];
         const csvRows = [
             headers.join(','),
             ...data.map(r => headers.map(h => JSON.stringify(r[h] ?? '')).join(','))
@@ -71,7 +71,6 @@ export function Routes(ctx, app) {
             <tr>
                 <th>#</th>
                 <th>Method</th>
-                <th>Match</th>
                 <th>User Path</th>
                 <th>Route Pattern</th>
                 <th>Middlewares</th>
@@ -82,9 +81,8 @@ export function Routes(ctx, app) {
             <tr>
                 <td>${i + 1}</td>
                 <td>${r.method}</td>
-                <td>${r.match}</td>
-                <td>${r.userPath}</td>
-                <td>${r.routePattern}</td>
+                <td>${r.endpoint}</td>
+                <td>${r.pattern}</td>
                 <td>${(r.appliedMiddlewares || []).join(', ')}</td>
             </tr>`).join('')}
         </tbody>
@@ -106,7 +104,7 @@ export function Routes(ctx, app) {
     ${Object.entries(middlewareRoutes).map(([mw, routes]) => `
     <h3>🔹 ${mw} (${routes.length})</h3>
     <ul>
-        ${routes.map(r => `<li><code>${r.method} ${r.userPath}</code></li>`).join('')}
+        ${routes.map(r => `<li><code>${r.method} ${r.endpoint}</code></li>`).join('')}
     </ul>
     `).join('')}
 </div>

package/index.d.ts

@@ -4,5 +4,5 @@ export type Options = {
     extraTabs?: TabType;
     disableTabs?: Tab[];
 };
-export declare function DevTools(app: TezX, options?: Options): Callback;
+export declare function DevTools(app: TezX<any>, options?: Options): Callback;
 export default DevTools;

package/index.js

@@ -272,14 +272,14 @@ export function DevTools(app, options = { disableTabs: [], extraTabs: [] }) {
                 ${find?.doc_title}
             </h1>
             ${find?.content}
-            <section>
+        </section>
                 <script>
 
                     const themeCookieName = "tezx-theme";
 
                     function setCookie(name, value, days = 30) {
                         const expires = new Date(Date.now() + days * 864e5).toUTCString();
-                        document.cookie = ${"`${ name }=${ value }; expires = ${ expires }; path =/`"};
+                        document.cookie = name +"="+ value +"; expires = "+ expires +"; path =/";
                     }
                     function getCookie(name) {
                         return document.cookie.split('; ').reduce((acc, cookie) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tezx/devtools",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "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.",
   "main": "cjs/index.js",
   "module": "index.js",