feat(client): add ability to call TRPCProxyClient-methods with `.…

…apply()` (#3973)

packages/server/src/shared/createProxy/index.ts

@@ -19,9 +19,10 @@ function createInnerProxy(callback: ProxyCallback, path: string[]) {
       return createInnerProxy(callback, [...path, key]);
     },
     apply(_1, _2, args) {
+      const isApply = path[path.length - 1] === 'apply';
       return callback({
-        args,
-        path,
+        args: isApply ? (args.length >= 2 ? args[1] : []) : args,
+        path: isApply ? path.slice(0, -1) : path,
       });
     },
   });

packages/tests/server/index.test.ts

@@ -592,3 +592,29 @@ test('regression: JSON.stringify([undefined]) gives [null] causes wrong type to
   expect(await proxy.q.query()).toMatchInlineSnapshot(`Object {}`);
   await close();
 });
+
+describe('apply()', () => {
+  test('query without input', async () => {
+    const t = initTRPC.create();
+    const router = t.router({
+      hello: t.procedure.query(() => 'world'),
+    });
+    const { close, proxy } = routerToServerAndClientNew(router);
+    expect(await proxy.hello.query.apply(undefined)).toBe('world');
+    await close();
+  });
+
+  test('query with input', async () => {
+    const t = initTRPC.create();
+    const router = t.router({
+      helloinput: t.procedure
+        .input(z.string())
+        .query(({ input }) => `hello ${input}`),
+    });
+    const { close, proxy } = routerToServerAndClientNew(router);
+    expect(await proxy.helloinput.query.apply(undefined, ['world'])).toBe(
+      'hello world',
+    );
+    await close();
+  });
+});