@trpc/next 10.0.0-proxy-beta.10 → 10.0.0-proxy-beta.12

package/dist/createTRPCNext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createTRPCNext.d.ts","sourceRoot":"","sources":["../src/createTRPCNext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EAIzB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAEhF,wBAAgB,cAAc,CAC5B,OAAO,SAAS,SAAS,EACzB,WAAW,SAAS,eAAe,GAAG,eAAe,EACrD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC;kBAuCjD,sBAAsB,OAAO,EAAE,WAAW,CAAC;;4DAG5D"}
+{"version":3,"file":"createTRPCNext.d.ts","sourceRoot":"","sources":["../src/createTRPCNext.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,wBAAwB,EAIzB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,OAAO,EAAE,oBAAoB,EAAE,kBAAkB,EAAY,MAAM,YAAY,CAAC;AAEhF,wBAAgB,cAAc,CAC5B,OAAO,SAAS,SAAS,EACzB,WAAW,SAAS,eAAe,GAAG,eAAe,EACrD,IAAI,EAAE,oBAAoB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC;kBAOjD,sBAAsB,OAAO,EAAE,WAAW,CAAC;;4DAqB5D"}

package/dist/index.js

@@ -8,6 +8,7 @@ var react = require('@trpc/react');
 var React = require('react');
 var ssrPrepass = require('react-ssr-prepass');
 var shared = require('@trpc/react/shared');
+var shared$1 = require('@trpc/server/shared');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -169,34 +170,23 @@ function createTRPCNext(opts) {
     const hooks = shared.createHooksInternal();
     // TODO: maybe set TSSRContext to `never` when using `WithTRPCNoSSROptions`
     const _withTRPC = withTRPC(opts);
-    const proxy = new Proxy(()=>{
-    // no-op
-    }, {
-        get (_obj, name) {
-            if (name === 'then') {
-                return undefined;
-            }
-            if (name === 'useContext') {
-                return ()=>{
-                    const context = hooks.useContext();
-                    // create a stable reference of the utils context
-                    return React.useMemo(()=>{
-                        return shared.createReactQueryUtilsProxy(context);
-                    }, [
-                        context
-                    ]);
-                };
-            }
-            if (name === 'withTRPC') {
-                return _withTRPC;
-            }
-            if (typeof name === 'string') {
-                return shared.createReactProxyDecoration(name, hooks);
-            }
-            throw new Error('Not supported');
+    return shared$1.createFlatProxy((key)=>{
+        if (key === 'useContext') {
+            return ()=>{
+                const context = hooks.useContext();
+                // create a stable reference of the utils context
+                return React.useMemo(()=>{
+                    return shared.createReactQueryUtilsProxy(context);
+                }, [
+                    context
+                ]);
+            };
+        }
+        if (key === 'withTRPC') {
+            return _withTRPC;
         }
+        return shared.createReactProxyDecoration(key, hooks);
     });
-    return proxy;
 }
 
 exports.createTRPCNext = createTRPCNext;

package/dist/index.mjs

@@ -4,6 +4,7 @@ import { createReactQueryHooks, createTRPCClient } from '@trpc/react';
 import React, { createElement, useState, useMemo } from 'react';
 import ssrPrepass from 'react-ssr-prepass';
 import { createHooksInternal, createReactQueryUtilsProxy, createReactProxyDecoration } from '@trpc/react/shared';
+import { createFlatProxy } from '@trpc/server/shared';
 
 function transformQueryOrMutationCacheErrors(result) {
     const error = result.state.error;
@@ -159,34 +160,23 @@ function createTRPCNext(opts) {
     const hooks = createHooksInternal();
     // TODO: maybe set TSSRContext to `never` when using `WithTRPCNoSSROptions`
     const _withTRPC = withTRPC(opts);
-    const proxy = new Proxy(()=>{
-    // no-op
-    }, {
-        get (_obj, name) {
-            if (name === 'then') {
-                return undefined;
-            }
-            if (name === 'useContext') {
-                return ()=>{
-                    const context = hooks.useContext();
-                    // create a stable reference of the utils context
-                    return useMemo(()=>{
-                        return createReactQueryUtilsProxy(context);
-                    }, [
-                        context
-                    ]);
-                };
-            }
-            if (name === 'withTRPC') {
-                return _withTRPC;
-            }
-            if (typeof name === 'string') {
-                return createReactProxyDecoration(name, hooks);
-            }
-            throw new Error('Not supported');
+    return createFlatProxy((key)=>{
+        if (key === 'useContext') {
+            return ()=>{
+                const context = hooks.useContext();
+                // create a stable reference of the utils context
+                return useMemo(()=>{
+                    return createReactQueryUtilsProxy(context);
+                }, [
+                    context
+                ]);
+            };
+        }
+        if (key === 'withTRPC') {
+            return _withTRPC;
         }
+        return createReactProxyDecoration(key, hooks);
     });
-    return proxy;
 }
 
 export { createTRPCNext, withTRPC };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/next",
-  "version": "10.0.0-proxy-beta.10",
+  "version": "10.0.0-proxy-beta.12",
   "description": "tRPC Next lib",
   "author": "KATT",
   "license": "MIT",
@@ -36,9 +36,9 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^4.3.8",
-    "@trpc/client": "10.0.0-proxy-beta.10",
-    "@trpc/react": "10.0.0-proxy-beta.10",
-    "@trpc/server": "10.0.0-proxy-beta.10",
+    "@trpc/client": "10.0.0-proxy-beta.12",
+    "@trpc/react": "10.0.0-proxy-beta.12",
+    "@trpc/server": "10.0.0-proxy-beta.12",
     "next": "*",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
@@ -49,9 +49,9 @@
   },
   "devDependencies": {
     "@tanstack/react-query": "^4.3.8",
-    "@trpc/client": "10.0.0-proxy-beta.10",
-    "@trpc/react": "10.0.0-proxy-beta.10",
-    "@trpc/server": "10.0.0-proxy-beta.10",
+    "@trpc/client": "10.0.0-proxy-beta.12",
+    "@trpc/react": "10.0.0-proxy-beta.12",
+    "@trpc/server": "10.0.0-proxy-beta.12",
     "@types/express": "^4.17.12",
     "@types/node": "^18.7.20",
     "express": "^4.17.1",
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f380ecc219d93521a645de690fde69fa2b8fc664"
+  "gitHead": "5b25e9483cdd7d3c58e0843232acef790eeaf425"
 }

package/src/createTRPCNext.tsx

@@ -6,6 +6,7 @@ import {
   createReactQueryUtilsProxy,
 } from '@trpc/react/shared';
 import { AnyRouter } from '@trpc/server';
+import { createFlatProxy } from '@trpc/server/shared';
 import { NextPageContext } from 'next/types';
 import { useMemo } from 'react';
 import { WithTRPCNoSSROptions, WithTRPCSSROptions, withTRPC } from './withTRPC';
@@ -19,40 +20,26 @@ export function createTRPCNext<
   // TODO: maybe set TSSRContext to `never` when using `WithTRPCNoSSROptions`
   const _withTRPC = withTRPC<TRouter, TSSRContext>(opts);
 
-  const proxy: unknown = new Proxy(
-    () => {
-      // no-op
-    },
-    {
-      get(_obj, name) {
-        if (name === 'then') {
-          return undefined;
-        }
-        if (name === 'useContext') {
-          return () => {
-            const context = hooks.useContext();
-            // create a stable reference of the utils context
-            return useMemo(() => {
-              return (createReactQueryUtilsProxy as any)(context);
-            }, [context]);
-          };
-        }
-
-        if (name === 'withTRPC') {
-          return _withTRPC;
-        }
-
-        if (typeof name === 'string') {
-          return createReactProxyDecoration(name, hooks);
-        }
-
-        throw new Error('Not supported');
-      },
-    },
-  );
-
-  return proxy as {
+  type CreateTRPCNext = {
     useContext(): CreateReactUtilsProxy<TRouter, TSSRContext>;
     withTRPC: typeof _withTRPC;
   } & DecoratedProcedureRecord<TRouter['_def']['record']>;
+
+  return createFlatProxy<CreateTRPCNext>((key) => {
+    if (key === 'useContext') {
+      return () => {
+        const context = hooks.useContext();
+        // create a stable reference of the utils context
+        return useMemo(() => {
+          return (createReactQueryUtilsProxy as any)(context);
+        }, [context]);
+      };
+    }
+
+    if (key === 'withTRPC') {
+      return _withTRPC;
+    }
+
+    return createReactProxyDecoration(key as string, hooks);
+  });
 }