@trpc/next 11.0.0-alpha-tmp-export-from-main.213 → 11.0.0-alpha-tmp-export-from-main.217

package/dist/app-dir/client.js

@@ -1,106 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var client = require('@trpc/client');
 var core = require('@trpc/core');
-var React = require('react');
-var shared = require('../shared-a452b80f.js');
-
-// ts-prune-ignore-next
-function experimental_serverActionLink() {
-    return (runtime)=>({ op  })=>core.observable((observer)=>{
-                const context = op.context;
-                context._action(shared.isFormData(op.input) ? op.input : runtime.transformer.serialize(op.input)).then((data)=>{
-                    const transformed = core.transformResult(data, runtime.transformer);
-                    if (!transformed.ok) {
-                        observer.error(client.TRPCClientError.from(transformed.error, {}));
-                        return;
-                    }
-                    observer.next({
-                        context: op.context,
-                        result: transformed.result
-                    });
-                    observer.complete();
-                }).catch((cause)=>{
-                    observer.error(client.TRPCClientError.from(cause));
-                });
-            });
-}
-// ts-prune-ignore-next
-function experimental_createActionHook(opts) {
-    const client$1 = client.createTRPCUntypedClient(opts);
-    return function useAction(handler, useActionOpts) {
-        const count = React.useRef(0);
-        const [state, setState] = React.useState({
-            status: 'idle'
-        });
-        const actionOptsRef = React.useRef(useActionOpts);
-        actionOptsRef.current = useActionOpts;
-        React.useEffect(()=>{
-            return ()=>{
-                // cleanup after unmount to prevent calling hook opts after unmount
-                count.current = -1;
-                actionOptsRef.current = undefined;
-            };
-        }, []);
-        const mutateAsync = React.useCallback((input, requestOptions)=>{
-            const idx = ++count.current;
-            const context = {
-                ...requestOptions?.context,
-                _action (innerInput) {
-                    return handler(innerInput);
-                }
-            };
-            setState({
-                status: 'loading'
-            });
-            return client$1.mutation('serverAction', input, {
-                ...requestOptions,
-                context
-            }).then(async (data)=>{
-                await actionOptsRef.current?.onSuccess?.(data);
-                if (idx !== count.current) {
-                    return;
-                }
-                setState({
-                    status: 'success',
-                    data: data
-                });
-            }).catch(async (error)=>{
-                await actionOptsRef.current?.onError?.(error);
-                throw error;
-            }).catch((error)=>{
-                if (idx !== count.current) {
-                    return;
-                }
-                setState({
-                    status: 'error',
-                    error: client.TRPCClientError.from(error, {})
-                });
-                throw error;
-            });
-        }, [
-            handler
-        ]);
-        const mutate = React.useCallback((...args)=>{
-            void mutateAsync(...args).catch(()=>{
-            // ignored
-            });
-        }, [
-            mutateAsync
-        ]);
-        return React.useMemo(()=>({
-                ...state,
-                mutate,
-                mutateAsync
-            }), [
-            mutate,
-            mutateAsync,
-            state
-        ]);
-    };
-}
+var createActionHook = require('./create-action-hook.js');
 
 // ts-prune-ignore-next
 function experimental_createTRPCNextAppDirClient(opts) {
@@ -141,6 +43,6 @@ function experimental_createTRPCNextAppDirClient(opts) {
 // });
 }
 
-exports.experimental_createActionHook = experimental_createActionHook;
+exports.experimental_createActionHook = createActionHook.experimental_createActionHook;
+exports.experimental_serverActionLink = createActionHook.experimental_serverActionLink;
 exports.experimental_createTRPCNextAppDirClient = experimental_createTRPCNextAppDirClient;
-exports.experimental_serverActionLink = experimental_serverActionLink;

package/dist/app-dir/client.mjs

@@ -1,102 +1,6 @@
-import { TRPCClientError, createTRPCUntypedClient, clientCallTypeToProcedureType } from '@trpc/client';
-import { observable, transformResult, createRecursiveProxy } from '@trpc/core';
-import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
-import { i as isFormData } from '../shared-2f1ecbeb.mjs';
-
-// ts-prune-ignore-next
-function experimental_serverActionLink() {
-    return (runtime)=>({ op  })=>observable((observer)=>{
-                const context = op.context;
-                context._action(isFormData(op.input) ? op.input : runtime.transformer.serialize(op.input)).then((data)=>{
-                    const transformed = transformResult(data, runtime.transformer);
-                    if (!transformed.ok) {
-                        observer.error(TRPCClientError.from(transformed.error, {}));
-                        return;
-                    }
-                    observer.next({
-                        context: op.context,
-                        result: transformed.result
-                    });
-                    observer.complete();
-                }).catch((cause)=>{
-                    observer.error(TRPCClientError.from(cause));
-                });
-            });
-}
-// ts-prune-ignore-next
-function experimental_createActionHook(opts) {
-    const client = createTRPCUntypedClient(opts);
-    return function useAction(handler, useActionOpts) {
-        const count = useRef(0);
-        const [state, setState] = useState({
-            status: 'idle'
-        });
-        const actionOptsRef = useRef(useActionOpts);
-        actionOptsRef.current = useActionOpts;
-        useEffect(()=>{
-            return ()=>{
-                // cleanup after unmount to prevent calling hook opts after unmount
-                count.current = -1;
-                actionOptsRef.current = undefined;
-            };
-        }, []);
-        const mutateAsync = useCallback((input, requestOptions)=>{
-            const idx = ++count.current;
-            const context = {
-                ...requestOptions?.context,
-                _action (innerInput) {
-                    return handler(innerInput);
-                }
-            };
-            setState({
-                status: 'loading'
-            });
-            return client.mutation('serverAction', input, {
-                ...requestOptions,
-                context
-            }).then(async (data)=>{
-                await actionOptsRef.current?.onSuccess?.(data);
-                if (idx !== count.current) {
-                    return;
-                }
-                setState({
-                    status: 'success',
-                    data: data
-                });
-            }).catch(async (error)=>{
-                await actionOptsRef.current?.onError?.(error);
-                throw error;
-            }).catch((error)=>{
-                if (idx !== count.current) {
-                    return;
-                }
-                setState({
-                    status: 'error',
-                    error: TRPCClientError.from(error, {})
-                });
-                throw error;
-            });
-        }, [
-            handler
-        ]);
-        const mutate = useCallback((...args)=>{
-            void mutateAsync(...args).catch(()=>{
-            // ignored
-            });
-        }, [
-            mutateAsync
-        ]);
-        return useMemo(()=>({
-                ...state,
-                mutate,
-                mutateAsync
-            }), [
-            mutate,
-            mutateAsync,
-            state
-        ]);
-    };
-}
+import { createTRPCUntypedClient, clientCallTypeToProcedureType } from '@trpc/client';
+import { createRecursiveProxy } from '@trpc/core';
+export { experimental_createActionHook, experimental_serverActionLink } from './create-action-hook.mjs';
 
 // ts-prune-ignore-next
 function experimental_createTRPCNextAppDirClient(opts) {
@@ -137,4 +41,4 @@ function experimental_createTRPCNextAppDirClient(opts) {
 // });
 }
 
-export { experimental_createActionHook, experimental_createTRPCNextAppDirClient, experimental_serverActionLink };
+export { experimental_createTRPCNextAppDirClient };

package/dist/app-dir/create-action-hook.js

@@ -0,0 +1,104 @@
+'use strict';
+
+var client = require('@trpc/client');
+var core = require('@trpc/core');
+var React = require('react');
+var shared = require('./shared.js');
+
+// ts-prune-ignore-next
+function experimental_serverActionLink() {
+    return (runtime)=>({ op  })=>core.observable((observer)=>{
+                const context = op.context;
+                context._action(shared.isFormData(op.input) ? op.input : runtime.transformer.serialize(op.input)).then((data)=>{
+                    const transformed = core.transformResult(data, runtime.transformer);
+                    if (!transformed.ok) {
+                        observer.error(client.TRPCClientError.from(transformed.error, {}));
+                        return;
+                    }
+                    observer.next({
+                        context: op.context,
+                        result: transformed.result
+                    });
+                    observer.complete();
+                }).catch((cause)=>{
+                    observer.error(client.TRPCClientError.from(cause));
+                });
+            });
+}
+// ts-prune-ignore-next
+function experimental_createActionHook(opts) {
+    const client$1 = client.createTRPCUntypedClient(opts);
+    return function useAction(handler, useActionOpts) {
+        const count = React.useRef(0);
+        const [state, setState] = React.useState({
+            status: 'idle'
+        });
+        const actionOptsRef = React.useRef(useActionOpts);
+        actionOptsRef.current = useActionOpts;
+        React.useEffect(()=>{
+            return ()=>{
+                // cleanup after unmount to prevent calling hook opts after unmount
+                count.current = -1;
+                actionOptsRef.current = undefined;
+            };
+        }, []);
+        const mutateAsync = React.useCallback((input, requestOptions)=>{
+            const idx = ++count.current;
+            const context = {
+                ...requestOptions?.context,
+                _action (innerInput) {
+                    return handler(innerInput);
+                }
+            };
+            setState({
+                status: 'loading'
+            });
+            return client$1.mutation('serverAction', input, {
+                ...requestOptions,
+                context
+            }).then(async (data)=>{
+                await actionOptsRef.current?.onSuccess?.(data);
+                if (idx !== count.current) {
+                    return;
+                }
+                setState({
+                    status: 'success',
+                    data: data
+                });
+            }).catch(async (error)=>{
+                await actionOptsRef.current?.onError?.(error);
+                throw error;
+            }).catch((error)=>{
+                if (idx !== count.current) {
+                    return;
+                }
+                setState({
+                    status: 'error',
+                    error: client.TRPCClientError.from(error, {})
+                });
+                throw error;
+            });
+        }, [
+            handler
+        ]);
+        const mutate = React.useCallback((...args)=>{
+            void mutateAsync(...args).catch(()=>{
+            // ignored
+            });
+        }, [
+            mutateAsync
+        ]);
+        return React.useMemo(()=>({
+                ...state,
+                mutate,
+                mutateAsync
+            }), [
+            mutate,
+            mutateAsync,
+            state
+        ]);
+    };
+}
+
+exports.experimental_createActionHook = experimental_createActionHook;
+exports.experimental_serverActionLink = experimental_serverActionLink;

package/dist/app-dir/create-action-hook.mjs

@@ -0,0 +1,101 @@
+import { TRPCClientError, createTRPCUntypedClient } from '@trpc/client';
+import { observable, transformResult } from '@trpc/core';
+import { useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { isFormData } from './shared.mjs';
+
+// ts-prune-ignore-next
+function experimental_serverActionLink() {
+    return (runtime)=>({ op  })=>observable((observer)=>{
+                const context = op.context;
+                context._action(isFormData(op.input) ? op.input : runtime.transformer.serialize(op.input)).then((data)=>{
+                    const transformed = transformResult(data, runtime.transformer);
+                    if (!transformed.ok) {
+                        observer.error(TRPCClientError.from(transformed.error, {}));
+                        return;
+                    }
+                    observer.next({
+                        context: op.context,
+                        result: transformed.result
+                    });
+                    observer.complete();
+                }).catch((cause)=>{
+                    observer.error(TRPCClientError.from(cause));
+                });
+            });
+}
+// ts-prune-ignore-next
+function experimental_createActionHook(opts) {
+    const client = createTRPCUntypedClient(opts);
+    return function useAction(handler, useActionOpts) {
+        const count = useRef(0);
+        const [state, setState] = useState({
+            status: 'idle'
+        });
+        const actionOptsRef = useRef(useActionOpts);
+        actionOptsRef.current = useActionOpts;
+        useEffect(()=>{
+            return ()=>{
+                // cleanup after unmount to prevent calling hook opts after unmount
+                count.current = -1;
+                actionOptsRef.current = undefined;
+            };
+        }, []);
+        const mutateAsync = useCallback((input, requestOptions)=>{
+            const idx = ++count.current;
+            const context = {
+                ...requestOptions?.context,
+                _action (innerInput) {
+                    return handler(innerInput);
+                }
+            };
+            setState({
+                status: 'loading'
+            });
+            return client.mutation('serverAction', input, {
+                ...requestOptions,
+                context
+            }).then(async (data)=>{
+                await actionOptsRef.current?.onSuccess?.(data);
+                if (idx !== count.current) {
+                    return;
+                }
+                setState({
+                    status: 'success',
+                    data: data
+                });
+            }).catch(async (error)=>{
+                await actionOptsRef.current?.onError?.(error);
+                throw error;
+            }).catch((error)=>{
+                if (idx !== count.current) {
+                    return;
+                }
+                setState({
+                    status: 'error',
+                    error: TRPCClientError.from(error, {})
+                });
+                throw error;
+            });
+        }, [
+            handler
+        ]);
+        const mutate = useCallback((...args)=>{
+            void mutateAsync(...args).catch(()=>{
+            // ignored
+            });
+        }, [
+            mutateAsync
+        ]);
+        return useMemo(()=>({
+                ...state,
+                mutate,
+                mutateAsync
+            }), [
+            mutate,
+            mutateAsync,
+            state
+        ]);
+    };
+}
+
+export { experimental_createActionHook, experimental_serverActionLink };

package/dist/app-dir/formDataToObject.js

@@ -0,0 +1,34 @@
+'use strict';
+
+/* eslint-disable @typescript-eslint/no-non-null-assertion */ function set(obj, path, value) {
+    if (typeof path === 'string') {
+        path = path.split(/[\.\[\]]/).filter(Boolean);
+    }
+    if (path.length > 1) {
+        const p = path.shift();
+        const isArrayIndex = /^\d+$/.test(path[0]);
+        obj[p] = obj[p] || (isArrayIndex ? [] : {});
+        set(obj[p], path, value);
+        return;
+    }
+    const p1 = path[0];
+    if (obj[p1] === undefined) {
+        obj[p1] = value;
+    } else if (Array.isArray(obj[p1])) {
+        obj[p1].push(value);
+    } else {
+        obj[p1] = [
+            obj[p1],
+            value
+        ];
+    }
+}
+function formDataToObject(formData) {
+    const obj = {};
+    for (const [key, value] of formData.entries()){
+        set(obj, key, value);
+    }
+    return obj;
+}
+
+exports.formDataToObject = formDataToObject;

package/dist/app-dir/formDataToObject.mjs

@@ -0,0 +1,32 @@
+/* eslint-disable @typescript-eslint/no-non-null-assertion */ function set(obj, path, value) {
+    if (typeof path === 'string') {
+        path = path.split(/[\.\[\]]/).filter(Boolean);
+    }
+    if (path.length > 1) {
+        const p = path.shift();
+        const isArrayIndex = /^\d+$/.test(path[0]);
+        obj[p] = obj[p] || (isArrayIndex ? [] : {});
+        set(obj[p], path, value);
+        return;
+    }
+    const p1 = path[0];
+    if (obj[p1] === undefined) {
+        obj[p1] = value;
+    } else if (Array.isArray(obj[p1])) {
+        obj[p1].push(value);
+    } else {
+        obj[p1] = [
+            obj[p1],
+            value
+        ];
+    }
+}
+function formDataToObject(formData) {
+    const obj = {};
+    for (const [key, value] of formData.entries()){
+        set(obj, key, value);
+    }
+    return obj;
+}
+
+export { formDataToObject };

package/dist/app-dir/links/nextCache.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var client = require('@trpc/client');
 var core = require('@trpc/core');
 var cache = require('next/cache');
-var shared = require('../../shared-a452b80f.js');
+var shared = require('../shared.js');
 
 // import "server-only";
 // ts-prune-ignore-next

package/dist/app-dir/links/nextCache.mjs

@@ -1,7 +1,7 @@
 import { TRPCClientError } from '@trpc/client';
 import { observable, callProcedure } from '@trpc/core';
 import { unstable_cache } from 'next/cache';
-import { g as generateCacheTag } from '../../shared-2f1ecbeb.mjs';
+import { generateCacheTag } from '../shared.mjs';
 
 // import "server-only";
 // ts-prune-ignore-next

package/dist/app-dir/links/nextHttp.js

@@ -1,10 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var client = require('@trpc/client');
-var shared = require('../../shared-a452b80f.js');
-require('@trpc/core');
+var shared = require('../shared.js');
 
 // ts-prune-ignore-next
 function experimental_nextHttpLink(opts) {

package/dist/app-dir/links/nextHttp.mjs

@@ -1,6 +1,5 @@
 import { httpBatchLink, httpLink } from '@trpc/client';
-import { g as generateCacheTag } from '../../shared-2f1ecbeb.mjs';
-import '@trpc/core';
+import { generateCacheTag } from '../shared.mjs';
 
 // ts-prune-ignore-next
 function experimental_nextHttpLink(opts) {

package/dist/app-dir/server.js

@@ -1,43 +1,11 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var client = require('@trpc/client');
 var core = require('@trpc/core');
 var cache = require('next/cache');
 var React = require('react');
-var shared = require('../shared-a452b80f.js');
-
-/* eslint-disable @typescript-eslint/no-non-null-assertion */ function set(obj, path, value) {
-    if (typeof path === 'string') {
-        path = path.split(/[\.\[\]]/).filter(Boolean);
-    }
-    if (path.length > 1) {
-        const p = path.shift();
-        const isArrayIndex = /^\d+$/.test(path[0]);
-        obj[p] = obj[p] || (isArrayIndex ? [] : {});
-        set(obj[p], path, value);
-        return;
-    }
-    const p1 = path[0];
-    if (obj[p1] === undefined) {
-        obj[p1] = value;
-    } else if (Array.isArray(obj[p1])) {
-        obj[p1].push(value);
-    } else {
-        obj[p1] = [
-            obj[p1],
-            value
-        ];
-    }
-}
-function formDataToObject(formData) {
-    const obj = {};
-    for (const [key, value] of formData.entries()){
-        set(obj, key, value);
-    }
-    return obj;
-}
+var formDataToObject = require('./formDataToObject.js');
+var shared = require('./shared.js');
 
 /// <reference types="next" />
 // ts-prune-ignore-next
@@ -77,7 +45,7 @@ function experimental_createServerActionHandler(t, opts) {
                 if (normalizeFormData && shared.isFormData(rawInput)) {
                     // Normalizes formdata so we can use `z.object({})` etc on the server
                     try {
-                        rawInput = formDataToObject(rawInput);
+                        rawInput = formDataToObject.formDataToObject(rawInput);
                     } catch  {
                         throw new core.TRPCError({
                             code: 'INTERNAL_SERVER_ERROR',

package/dist/app-dir/server.mjs

@@ -2,38 +2,8 @@ import { createTRPCUntypedClient, clientCallTypeToProcedureType } from '@trpc/cl
 import { createRecursiveProxy, TRPCError, transformTRPCResponse, getTRPCErrorFromUnknown, getErrorShape } from '@trpc/core';
 import { revalidateTag } from 'next/cache';
 import { cache } from 'react';
-import { g as generateCacheTag, i as isFormData } from '../shared-2f1ecbeb.mjs';
-
-/* eslint-disable @typescript-eslint/no-non-null-assertion */ function set(obj, path, value) {
-    if (typeof path === 'string') {
-        path = path.split(/[\.\[\]]/).filter(Boolean);
-    }
-    if (path.length > 1) {
-        const p = path.shift();
-        const isArrayIndex = /^\d+$/.test(path[0]);
-        obj[p] = obj[p] || (isArrayIndex ? [] : {});
-        set(obj[p], path, value);
-        return;
-    }
-    const p1 = path[0];
-    if (obj[p1] === undefined) {
-        obj[p1] = value;
-    } else if (Array.isArray(obj[p1])) {
-        obj[p1].push(value);
-    } else {
-        obj[p1] = [
-            obj[p1],
-            value
-        ];
-    }
-}
-function formDataToObject(formData) {
-    const obj = {};
-    for (const [key, value] of formData.entries()){
-        set(obj, key, value);
-    }
-    return obj;
-}
+import { formDataToObject } from './formDataToObject.mjs';
+import { generateCacheTag, isFormData } from './shared.mjs';
 
 /// <reference types="next" />
 // ts-prune-ignore-next

package/dist/{shared-2f1ecbeb.mjs → app-dir/shared.mjs}

@@ -13,4 +13,4 @@ function isFormData(value) {
     return value instanceof FormData;
 }
 
-export { generateCacheTag as g, isFormData as i };
+export { generateCacheTag, isFormData };

package/dist/createTRPCNext.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var core = require('@trpc/core');
+var shared = require('@trpc/react-query/shared');
+var React = require('react');
+var withTRPC = require('./withTRPC.js');
+
+/* istanbul ignore file -- @preserve */ // We're testing this through E2E-testing
+function createTRPCNext(opts) {
+    const hooks = shared.createRootHooks(opts);
+    // TODO: maybe set TSSRContext to `never` when using `WithTRPCNoSSROptions`
+    const _withTRPC = withTRPC.withTRPC(opts);
+    return core.createFlatProxy((key)=>{
+        if (key === 'useContext' || key === 'useUtils') {
+            return ()=>{
+                const context = hooks.useUtils();
+                // create a stable reference of the utils context
+                return React.useMemo(()=>{
+                    return shared.createReactQueryUtils(context);
+                }, [
+                    context
+                ]);
+            };
+        }
+        if (key === 'useQueries') {
+            return hooks.useQueries;
+        }
+        if (key === 'useSuspenseQueries') {
+            return hooks.useSuspenseQueries;
+        }
+        if (key === 'withTRPC') {
+            return _withTRPC;
+        }
+        return shared.createReactDecoration(key, hooks);
+    });
+}
+
+exports.createTRPCNext = createTRPCNext;