@trpc/next 10.27.3 → 10.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/next",
-  "version": "10.27.3",
+  "version": "10.28.0",
   "description": "The tRPC Next.js library",
   "author": "KATT",
   "license": "MIT",
@@ -51,13 +51,14 @@
     "src",
     "README.md",
     "package.json",
-    "app-dir"
+    "app-dir",
+    "!**/*.test.*"
   ],
   "peerDependencies": {
     "@tanstack/react-query": "^4.18.0",
-    "@trpc/client": "10.27.3",
-    "@trpc/react-query": "10.27.3",
-    "@trpc/server": "10.27.3",
+    "@trpc/client": "10.28.0",
+    "@trpc/react-query": "10.28.0",
+    "@trpc/server": "10.28.0",
     "next": "*",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
@@ -67,9 +68,9 @@
   },
   "devDependencies": {
     "@tanstack/react-query": "^4.18.0",
-    "@trpc/client": "10.27.3",
-    "@trpc/react-query": "10.27.3",
-    "@trpc/server": "10.27.3",
+    "@trpc/client": "10.28.0",
+    "@trpc/react-query": "10.28.0",
+    "@trpc/server": "10.28.0",
     "@types/express": "^4.17.17",
     "@types/node": "^18.7.20",
     "@types/react": "^18.2.6",
@@ -86,5 +87,8 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a7bca8888003f0a2f3e8b966e44442bb576bfff2"
+  "funding": [
+    "https://trpc.io/sponsor"
+  ],
+  "gitHead": "7aadb24ce0bc20ae27f32bd80891ef6da5885e5e"
 }

package/dist/app-dir/client.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=client.test.d.ts.map

package/dist/app-dir/client.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"client.test.d.ts","sourceRoot":"","sources":["../../src/app-dir/client.test.tsx"],"names":[],"mappings":""}

package/src/app-dir/client.test.tsx

@@ -1,408 +0,0 @@
-import { render, waitFor } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { initTRPC } from '@trpc/server';
-import React from 'react';
-import superjson from 'superjson';
-import { z } from 'zod';
-import {
-  UseTRPCActionResult,
-  experimental_createActionHook,
-  experimental_serverActionLink,
-} from './create-action-hook';
-import { experimental_createServerActionHandler } from './server';
-
-describe('without transformer', () => {
-  const instance = initTRPC
-    .context<{
-      foo: string;
-    }>()
-    .create({});
-  const { procedure } = instance;
-
-  const createAction = experimental_createServerActionHandler(instance, {
-    createContext() {
-      return {
-        foo: 'bar',
-      };
-    },
-  });
-
-  const useAction = experimental_createActionHook({
-    links: [experimental_serverActionLink()],
-  });
-
-  test('server actions smoke test', async () => {
-    const action = createAction(procedure.mutation((opts) => opts.ctx));
-    expect(await action()).toMatchInlineSnapshot(`
-      Object {
-        "result": Object {
-          "data": Object {
-            "foo": "bar",
-          },
-        },
-      }
-    `);
-  });
-
-  test('normalize FormData', async () => {
-    const action = createAction(
-      procedure
-        .input(
-          z.object({
-            text: z.string(),
-          }),
-        )
-        .mutation((opts) => `hello ${opts.input.text}` as const),
-    );
-
-    expect(
-      await action({
-        text: 'there',
-      }),
-    ).toMatchInlineSnapshot(`
-      Object {
-        "result": Object {
-          "data": "hello there",
-        },
-      }
-    `);
-
-    const formData = new FormData();
-    formData.append('text', 'there');
-    expect(await action(formData)).toMatchInlineSnapshot(`
-      Object {
-        "result": Object {
-          "data": "hello there",
-        },
-      }
-    `);
-  });
-
-  test('an actual client', async () => {
-    const action = createAction(
-      procedure
-        .input(
-          z.object({
-            text: z.string(),
-          }),
-        )
-        .mutation((opts) => `hello ${opts.input.text}` as const),
-    );
-
-    const allStates: Omit<
-      UseTRPCActionResult<any>,
-      'mutate' | 'mutateAsync'
-    >[] = [] as any[];
-
-    function MyComponent() {
-      const mutation = useAction(action);
-      const { mutate, mutateAsync, ...other } = mutation;
-      allStates.push(other);
-
-      return (
-        <>
-          <button
-            role="trigger"
-            onClick={() => {
-              mutation.mutate({
-                text: 'world',
-              });
-            }}
-          >
-            click me
-          </button>
-        </>
-      );
-    }
-
-    // mount it
-    const utils = render(<MyComponent />);
-
-    // get the contents of pre
-    expect(allStates.at(-1)).toMatchInlineSnapshot(`
-      Object {
-        "status": "idle",
-      }
-    `);
-
-    // click the button
-    userEvent.click(utils.getByRole('trigger'));
-
-    // wait to finish
-    await waitFor(() => {
-      assert(allStates.at(-1)?.status === 'success');
-    });
-
-    expect(allStates).toMatchInlineSnapshot(`
-      Array [
-        Object {
-          "status": "idle",
-        },
-        Object {
-          "status": "loading",
-        },
-        Object {
-          "data": "hello world",
-          "status": "success",
-        },
-      ]
-    `);
-
-    const lastState = allStates.at(-1);
-    assert(lastState?.status === 'success');
-    expect(lastState.data).toMatchInlineSnapshot(`"hello world"`);
-  });
-});
-
-describe('with transformer', () => {
-  const instance = initTRPC
-    .context<{
-      foo: string;
-    }>()
-    .create({
-      transformer: superjson,
-    });
-  const { procedure } = instance;
-
-  const createAction = experimental_createServerActionHandler(instance, {
-    createContext() {
-      return {
-        foo: 'bar',
-      };
-    },
-  });
-
-  const useAction = experimental_createActionHook({
-    links: [experimental_serverActionLink()],
-    transformer: superjson,
-  });
-
-  test('pass a Date', async () => {
-    const action = createAction(
-      procedure
-        .input(
-          z.object({
-            date: z.date(),
-          }),
-        )
-        .mutation((opts) => opts.input.date),
-    );
-
-    const allStates: Omit<
-      UseTRPCActionResult<any>,
-      'mutate' | 'mutateAsync'
-    >[] = [] as any[];
-
-    function MyComponent() {
-      const mutation = useAction(action);
-      const { mutate, mutateAsync, ...other } = mutation;
-      allStates.push(other);
-
-      return (
-        <>
-          <button
-            role="trigger"
-            onClick={() => {
-              mutation.mutate({
-                date: new Date(0),
-              });
-            }}
-          >
-            click me
-          </button>
-        </>
-      );
-    }
-
-    // mount it
-    const utils = render(<MyComponent />);
-
-    // get the contents of pre
-    expect(allStates.at(-1)).toMatchInlineSnapshot(`
-      Object {
-        "status": "idle",
-      }
-    `);
-
-    // click the button
-    userEvent.click(utils.getByRole('trigger'));
-
-    // wait to finish
-    await waitFor(() => {
-      assert(allStates.at(-1)?.status === 'success');
-    });
-
-    expect(allStates).toMatchInlineSnapshot(`
-      Array [
-        Object {
-          "status": "idle",
-        },
-        Object {
-          "status": "loading",
-        },
-        Object {
-          "data": 1970-01-01T00:00:00.000Z,
-          "status": "success",
-        },
-      ]
-    `);
-
-    const lastState = allStates.at(-1);
-    assert(lastState?.status === 'success');
-    expect(lastState.data).toMatchInlineSnapshot('1970-01-01T00:00:00.000Z');
-    expect(lastState.data).toBeInstanceOf(Date);
-  });
-
-  test('FormData', async () => {
-    const action = createAction(
-      procedure
-        .input(
-          z.object({
-            text: z.string(),
-          }),
-        )
-        .mutation((opts) => opts.input.text),
-    );
-
-    const allStates: Omit<
-      UseTRPCActionResult<any>,
-      'mutate' | 'mutateAsync'
-    >[] = [] as any[];
-
-    function MyComponent() {
-      const mutation = useAction(action);
-      const { mutate, mutateAsync, ...other } = mutation;
-      allStates.push(other);
-
-      return (
-        <>
-          <form
-            onSubmit={(e) => {
-              e.preventDefault();
-
-              const formData = new FormData(e.currentTarget);
-              mutation.mutate(formData);
-            }}
-          >
-            <input type="text" name="text" defaultValue="world" />
-            <button role="trigger" type="submit">
-              click me
-            </button>
-          </form>
-        </>
-      );
-    }
-
-    // mount it
-    const utils = render(<MyComponent />);
-
-    // get the contents of pre
-    expect(allStates.at(-1)).toMatchInlineSnapshot(`
-      Object {
-        "status": "idle",
-      }
-    `);
-
-    // click the button
-    userEvent.click(utils.getByRole('trigger'));
-
-    // wait to finish
-    await waitFor(() => {
-      assert(allStates.at(-1)?.status === 'success');
-    });
-
-    expect(allStates).toMatchInlineSnapshot(`
-      Array [
-        Object {
-          "status": "idle",
-        },
-        Object {
-          "status": "loading",
-        },
-        Object {
-          "data": "world",
-          "status": "success",
-        },
-      ]
-    `);
-
-    const lastState = allStates.at(-1);
-    assert(lastState?.status === 'success');
-    expect(lastState.data).toMatchInlineSnapshot('"world"');
-  });
-});
-
-describe('type tests', () => {
-  const ignoreErrors = async (fn: () => Promise<unknown> | unknown) => {
-    try {
-      await fn();
-    } catch {
-      // ignore
-    }
-  };
-
-  const instance = initTRPC
-    .context<{
-      foo: string;
-    }>()
-    .create({});
-  const { procedure } = instance;
-
-  const createAction = experimental_createServerActionHandler(instance, {
-    createContext() {
-      return {
-        foo: 'bar',
-      };
-    },
-  });
-
-  const useAction = experimental_createActionHook({
-    links: [experimental_serverActionLink()],
-  });
-
-  test('assert input is sent', async () => {
-    ignoreErrors(async () => {
-      const action = createAction(
-        procedure.input(z.string()).mutation((opts) => opts.input),
-      );
-      const hook = useAction(action);
-      // @ts-expect-error this requires an input
-      await action();
-      // @ts-expect-error this requires an input
-      hook.mutate();
-
-      // @ts-expect-error this requires an input
-      await hook.mutateAsync();
-    });
-  });
-
-  test('assert types is correct', async () => {
-    ignoreErrors(async () => {
-      const action = createAction(
-        procedure.input(z.date().optional()).mutation((opts) => opts.input),
-      );
-      const hook = useAction(action);
-      // @ts-expect-error wrong type
-      await action('bleh');
-      // @ts-expect-error wrong type
-      hook.mutate('bleh');
-
-      hook.mutate();
-      await action();
-    });
-  });
-
-  test('assert no input', async () => {
-    ignoreErrors(async () => {
-      const action = createAction(procedure.mutation((opts) => opts.input));
-      const hook = useAction(action);
-      // @ts-expect-error this takes no input
-      await action(null);
-      // @ts-expect-error this takes no input
-      hook.mutate(null);
-
-      // @ts-expect-error this takes no input
-      await hook.mutateAsync(null);
-    });
-  });
-});

package/src/app-dir/formDataToObject.test.ts

@@ -1,58 +0,0 @@
-import { formDataToObject } from './formDataToObject';
-
-test('basic', () => {
-  const formData = new FormData();
-
-  formData.append('foo', 'bar');
-
-  expect(formDataToObject(formData)).toEqual({
-    foo: 'bar',
-  });
-});
-
-test('multiple values on the same key', () => {
-  const formData = new FormData();
-
-  formData.append('foo', 'bar');
-  formData.append('foo', 'baz');
-
-  expect(formDataToObject(formData)).toEqual({
-    foo: ['bar', 'baz'],
-  });
-});
-
-test('deep key', () => {
-  const formData = new FormData();
-
-  formData.append('foo.bar.baz', 'qux');
-
-  expect(formDataToObject(formData)).toEqual({
-    foo: {
-      bar: {
-        baz: 'qux',
-      },
-    },
-  });
-});
-
-test('array', () => {
-  const formData = new FormData();
-
-  formData.append('foo[0]', 'bar');
-  formData.append('foo[1]', 'baz');
-
-  expect(formDataToObject(formData)).toEqual({
-    foo: ['bar', 'baz'],
-  });
-});
-
-test('array with dot notation', () => {
-  const formData = new FormData();
-
-  formData.append('foo.0', 'bar');
-  formData.append('foo.1', 'baz');
-
-  expect(formDataToObject(formData)).toEqual({
-    foo: ['bar', 'baz'],
-  });
-});