Support for app dir?

[tonyxiao]

The example only covers pages dir

[Haschtl]

I wanted to get rid of all my pages-routing and trpc-panel was the last one there.
It's actually pretty simple to adapt it to the app-router, here is my solution (route.ts anywhere in app-router)

import { NextResponse } from 'next/server';
import { renderTrpcPanel } from 'trpc-panel';

import { appRouter } from '@/server';

export async function GET(req: Request) {
  return new NextResponse(
    renderTrpcPanel(appRouter, {
      url: '/api/trpc',
      transformer: 'superjson',
    }),
    {
      status: 200,
      headers: [['Content-Type', 'text/html'] as [string, string]],
    },
  );
}

Maybe this should be added to the docs

[tonyxiao]

Hmm, i'm getting this error for some reason when I move from pages router to app router.

⨯ RangeError: Maximum call stack size exceeded
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/[email protected][email protected]/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)

[souzjfe]

I'm getting this error:

trpc-panel: Failed to parse procedure sayHello, Couldn't parse node.
trpc-panel: Failed to parse procedure , Router doesn't have any successfully parsed children.