search

iway1 / trpc-panel

MIT License
663 stars 50 forks source link

Support for app dir? #97

Open tonyxiao opened 10 months ago

tonyxiao commented 10 months ago

The example only covers pages dir

Haschtl commented 10 months ago

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 commented 10 months ago

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/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
    at Module.zodToJsonSchema (webpack-internal:///(rsc)/../../node_modules/.pnpm/zod-to-json-schema@3.22.0_zod@3.22.4/node_modules/zod-to-json-schema/dist/esm/index.js:43:107)
souzjfe commented 1 month ago

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.